現在表示中:

画像プリセットを使用すると、異なるサイズや異なる形式の画像、または動的に生成された他の画像プロパティを設定した画像を動的に配信できます。各画像プリセットは、画像を表示するためのサイズおよびフォーマットのコマンドに関する事前定義済みのコレクションを表します。画像プリセットを作成するときに、画像配信用のサイズを選択できます。また、画像が表示用に配信されるときの画像の見た目を最適化するためのフォーマットコマンドも選択できます。

管理者は、アセットを書き出すためのプリセットを作成できます。ユーザーは画像を書き出すときにプリセットを選択できます。また、この操作によって、管理者が指定した仕様に合わせて画像が再フォーマットされます。 

レスポンシブな画像プリセットを作成することもできます。アセットにレスポンシブな画像プリセットを適用すると、画像が表示するデバイスや画面サイズに応じて変化します。

ここでは、画像プリセットを作成、変更および全般的に管理する方法について説明します。作成者は画像をプレビューするときに、いつでも画像プリセットを適用できます。詳しくは、画像プリセットの適用を参照してください。

画像プリセットの概要

各画像プリセットはマクロと同様に、サイズおよびフォーマットのコマンドに関する事前定義済みのコレクションが、特定の名前で保存されたものです。画像プリセットの仕組みを理解するために、Web サイトで各商品画像を、デスクトップ配信用とモバイル配信用に異なるサイズ、異なる形式および圧縮率で表示する必要があるとします。

その場合、2 つの画像プリセットを作成できます。1 つは、デスクトップ版の 500 x 500 ピクセルのプリセットで、もう 1 つは、モバイル版の 150 x 150 ピクセルのプリセットです。2 つの画像プリセットを作成し、一方を 500 x 500 ピクセルで画像を表示する「拡大」と呼び、もう 1 つを 150 x 150 ピクセルで画像を表示する「サムネール」と呼ぶことにします。「拡大」サイズと「サムネール」サイズで画像を配信するために、AEM では「拡大」画像プリセットと「サムネール」画像プリセットの定義が検索されます。その後、各画像プリセットのサイズとフォーマットに関する仕様に合わせて、画像が動的に生成されます。

この場合、動的に配信されるときに画像のサイズを削減すると、シャープさと細部の表現が失われる可能性があります。この理由で、各画像プリセットには、画像を特定のサイズで配信するときに最適化するためのフォーマット用のコントロールが含まれています。これらのコントロールによって、Web サイトまたはアプリケーションに画像が配信されるときに、画像がシャープでクリアに表示されるようになります。

管理者が画像プリセットを作成できます。画像プリセットを作成する際に、最初から作業を始めることも、既存のプリセットから始めて新しい名前で保存することもできます。

画像プリセットの管理

AEM で画像プリセットを管理するには、AEM のロゴをタップまたはクリックしてグローバルナビゲーションコンソールにアクセスし、ツールアイコンをタップまたはクリックしてアセット画像プリセットの順に移動します。

注意:

作成した画像プリセットは、アセットをプレビューする際の動的レンディションとしても使用できます。画像プリセットを配信またはプレビューするには、その前に公開しておく必要があります。画像プリセットの公開を参照してください。

Adobe Illustrator(AI)、Postscript(EPS)および PDF のファイル形式

AI、EPS および PDF 形式の取り込みをサポートし、これらのファイル形式の動的レンディションを生成する場合、画像プリセットを作成する前に次の情報を確認することをお勧めします。

Adobe Illustrator のファイル形式は PDF のバリアントです。AEM Assets における主な違いは、次の通りです。

  • Adobe Illustrator のドキュメントは複数のレイヤーを持つ単一のページで構成されます。各レイヤーはメインの Illustrator アセットの下に PNG サブアセットとして抽出されます。
  • PDF のドキュメントは 1 つ以上のページで構成されます。各ページはメインの複数ページの PDF ドキュメントの下に単一ページの PDF サブアセットとして抽出されます。

サブアセットは、DAM アセットの更新ワークフローのサブアセットの作成プロセスコンポーネントで作成されます。ワークフローにこのプロセスコンポーネントを表示するには、ツールワークフローモデルDAM アセットの更新編集をタップします。

複数ページファイルのページの表示も参照してください。

サブアセットまたはページは、アセットを開き、コンテキストメニューをタップし、「サブアセット」または「ページ」を選択して表示できます。サブアセットは実在のアセットです。つまり、PDF ページはサブアセットを作成ワークフローコンポーネントによって抽出されます。その後それらは page1.pdfpage2.pdf と、メインのアセットの下に保存されます。保存されると、それらはDAM アセットの更新ワークフローで処理されます。

ダイナミックメディアを使用して AI、EPS または PDF ファイルの動的レンディションを表示および生成するには、次の処理ステップが必要です。

  1. DAM アセットの更新ワークフローで、PDF/AI 画像プレビューレンディションをラスタライズプロセスコンポーネントが設定された解像度を使用して、元のアセットの最初のページを cqdam.preview.png レンディションにラスタライズします。
  2. その後、ワークフローのダイナミックメディアプロセスの画像アセットプロセスコンポーネントにより、cqdam.preview.png レンディションが PTIFF に最適化されます。

PDF/AI/EPS アセットのメタデータプロパティ

メタデータプロパティ 説明
dam:Physicalwidthininches ドキュメントの幅(インチ単位)
dam:Physicalheightininches ドキュメントの高さ(インチ単位)

DAM アセットの更新ワークフローを使用して、PDF/AI 画像プレビューレンディションをラスタライズプロセスコンポーネントのオプションにアクセスします。

左上の Adobe Experience Manager をタップし、ツールワークフローモデルに移動します。ワークフローモデルページで「DAM アセットの更新」を選択し、ツールバーの「編集」をタップします。「DAM アセットの更新」ワークフローページで、PDF/AI 画像プレビューレンディションをラスタライズプロセスコンポーネントをダブルタップして、そのステップのプロパティダイアログボックスを開きます。

PDF/AI 画像プレビューレンディションをラスタライズのオプション

プロセス引数 デフォルト設定 説明
MIME タイプ

application/pdf

application/postscript

application/illustrator

PDF または Illustrator のドキュメントと見なされるドキュメントの MIME タイプのリスト。
最大の幅 2048 生成されたプレビューレンディションの最大の幅(ピクセル単位)。
最大の高さ 2048 生成されたプレビューレンディションの最大の高さ(ピクセル単位)。
解像度 72 最初のページをラスタライズする解像度(ppi(インチあたりピクセル数)単位)

デフォルトのプロセス引数を使用して、PDF/AI ドキュメントの最初のページが 72 ppi でラスタライズされ、生成されたプレビュー画像のサイズは 2048 x 2048 ピクセルになります。通常のデプロイメントでは、解像度を 150 ppi 以上に増やす必要がある場合があります。例えば、300 ppi の US Letter サイズのドキュメントの幅と高さにはそれぞれ最大で 2550 x 3300 ピクセルが必要です。

ラスタライズする解像度を制限する最大の幅と最大の高さ。例えば、最大値が変更されず、解像度が 300 ppi に設定された場合、US Letter のドキュメントは 186 ppi でラスタライズされます。つまり、ドキュメントは 1581 x 2046 ピクセルになります。

PDF/AI 画像プレビューレンディションをラスタライズプロセスコンポーネントには、メモリに過度に大きな画像が作成されないように、最大値が定義されています。このようなサイズの大きな画像は、JVM(Java Virtual Machine)で提供されているメモリをオーバーフローさせることがあります。それぞれ設定された最大サイズで画像を作成可能なワークフローを、設定した数だけ並行して管理するのに十分なメモリを JVM に提供する必要があります。

InDesign(INDD)ファイル形式

INDD 形式の取り込みをサポートし、これらのファイル形式の動的レンディションを生成する場合、画像プリセットを作成する前に次の情報を確認することをお勧めします。

InDesign ファイルでは、Adobe InDesign サーバーが AEM に統合されている場合にのみサブアセットが抽出されます。参照元のアセットは、メタデータに基づいてリンクされます。リンク設定に InDesign サーバーは不要です。ただし、リンクが InDesign ファイルと参照元のアセットの間に作成されるには、InDesign ファイルが処理される前に参照元のアセットが AEM 内に存在する必要があります。

AEM Assets と InDesign Server の統合を参照してください。

DAM アセットの更新ワークフローのメディア抽出プロセスコンポーネントでは、事前設定された「スクリプトを拡張」をいくつか実行して InDesign ファイルを処理します。

メディア抽出プロセスコンポーネント
DAM アセットの更新ワークフローにはメディア抽出プロセスコンポーネントがあります。

ダイナミックメディア統合により、/etc/dam/indesign/scripts/ に保存された次のスクリプトが使用されます。

拡張スクリプト名 デフォルト 説明
ThumbnailExport.jsx Yes ダイナミックメディアプロセスの画像アセットプロセスコンポーネントによって最適化され、PTIFF レンディションに変えられる 300 ppi の thumbnail.jpg レンディションを生成します。
JPEGPagesExport.jsx Yes 各ページに 300 ppi の JPEG サブアセットを生成します。JPEG サブアセットは実在のアセットで、InDesign アセットの下に保存されます。また、DAM アセットの更新ワークフローによって最適化され、PTIFF に変えられます。
PDFPagesExport.jsx No 各ページに PDF サブアセットを生成します。PDF サブアセットは前述のように処理されます。PDF には 1 つのページのみ含まれているので、サブアセットは生成されません。

画像プリセットの作成

画像プリセットの作成によって、プレビューや公開の際に任意の画像に設定を適用できます。

注意:

Internet Explorer 9 を使用している場合、プリセットを作成しても、保存後すぐにプリセットのリストに表示されません。この問題を回避するには、IE9 のキャッシュを無効にしてください。

 

AI、PDF および EPS 形式の取り込みをサポートし、これらのファイル形式の動的レンディションを生成する場合、画像プリセットを作成する前に次の情報を確認することをお勧めします。
Adobe Illustrator(AI)、Postscript(EPS)および PDF ファイル形式を参照してください。

INDD 形式の取り込みをサポートし、これらのファイル形式の動的レンディションを生成する場合、画像プリセットを作成する前に次の情報を確認することをお勧めします。
InDesign(INDD)ファイル形式を参照してください。

画像プリセットを作成するには:

  1. AEM で、AEM のロゴをタップまたはクリックしてグローバルナビゲーションコンソールにアクセスし、ツールアイコンをタップまたはクリックして アセット画像プリセットの順に移動します。

  2. 作成」をクリックします。画像プリセットを編集ウィンドウが開きます。

    注意:

    この画像プリセットをレスポンシブにするには、「」と「高さ」を空のままにしてください。

  3. 基本」タブと「詳細」タブに、名前などの値を適宜入力します。オプションの概要については、画像プリセットオプションで説明しています。プリセットが左側のウィンドウに表示され、他のアセットと共にその場で使用できます。

  4. 保存」をクリックします。

レスポンシブな画像プリセットの作成

レスポンシブな画像プリセットを作成するには、画像プリセットの作成の手順を実行します。画像プリセットを編集ウィンドウで高さと幅を入力する際に、これらの値を消去して空のままにします。

空のままにすることで、この画像プリセットがレスポンシブであることを示します。他の値は適宜変更できます。 

注意:

画像プリセットをアセットに適用するときに「URL」ボタンと「RESS」ボタンを表示するには、アセットを公開する必要があります。

画像プリセットオプション

画像プリセットを作成または編集するときに、ここで説明するオプションを使用できます。また、アドビは、いくつかのオプションを最初に使用すべきベストプラクティスのオプションとしてお勧めしています。

画像プリセットのベストプラクティス

アドビは、最初に使用すべきオプションとして、以下の「ベストプラクティス」のオプションをお勧めします。

  • 形式(「基本」タブ) - 「JPEG」またはその他の要件に合う形式を選択します。すべての Web ブラウザーで JPEG 画像形式がサポートされます。JPEG は小さいファイルサイズと画質のバランスが良い画像形式です。ただし、JPEG 形式の画像では不可逆圧縮方法が使用され、圧縮設定が小さすぎる場合に、望まないような画像のアーティファクトが生成される可能性があります。この理由で、アドビは、圧縮品質(スライダー上)を 75 に設定することをお勧めします。この設定によって、画質と小さいファイルサイズのバランスが良くなります。
  • シンプルシャープを有効にする - 「シンプルシャープを有効にする」は選択しません(このシャープフィルターでは、アンシャープマスク設定よりも細かく制御できません)。
  • シャープ:再サンプリングモード - 「バイキュービック法」を選択します。

「基本」タブオプション

フィールド 説明
名前 わかりやすい名前を空白なしで入力します。名前に画像サイズの仕様を含めることで、ユーザーがこの画像プリセットを識別しやすくなります。
幅と高さ 画像が配信されるサイズをピクセル単位で入力します。「幅」と「高さ」は 0 ピクセルより大きい値にする必要があります。いずれかの値が 0 の場合、プリセットは作成されません。 両方の値が空の場合、レスポンシブな画像プリセットが作成されます。
形式

メニューから形式を選択します。

JPEG」を選択すると、次の追加オプションを入力できます。

  • 画質 - JPEG 圧縮レベルを制御します。この設定は、ファイルサイズと画質の両方に影響します。JPEG 画質の尺度は 1 ~ 100 です。スライダーをドラッグすると、この尺度が表示されます。
  • JPG クロミナンスダウンサンプリングを有効にする - 目は高周波の色情報よりも高周波の輝度に対して敏感であるので、JPEG 画像は画像情報を輝度成分と色の成分に分けています。JPEG 画像が圧縮されると、輝度成分はフル解像度のまま、色成分がピクセルのグループでまとめて平均化されることでダウンサンプリングされます。ダウンサンプリングによって、知覚される画質にはほぼ影響を与えることなく、データ量を半分から 3 分の 1 程度削減できます。ダウンサンプリングは、グレースケールの画像には適用されません。この技術によって圧縮量が削減されます。これは、高コントラストの画像(オーバーレイされたテキストを含む画像など)で役立ちます。
GIF」または「アルファ付き GIF」を選択すると、以下の追加の「GIF カラー量子化」オプションを入力できます。
  • タイプ - 「アダプティブ」(デフォルト)、「Web」または「Macintosh」を選択します。「アルファ付き GIF」を選択した場合は、「Macintosh」オプションは選択できません。
  • ディザ - 「拡散」または「オフ」を選択します。
  • 色数 - 2 ~ 256 の値を入力します。
  • カラーリスト - コンマ区切りのリストを入力します。例えば、白、グレーおよび黒の場合は、"000000,888888,ffffff" と入力します。
PDF」、「TIFF」または「アルファ付き TIFF」を選択すると、以下の追加オプションを入力できます。
  • 圧縮 - 圧縮アルゴリズムを選択します。PDF 用のアルゴリズムオプションは、「なし」、「Zip」および「JPEG」です。TIFF の場合は、「なし」、「LZW」、「JPEG」および「Zip」です。アルファ付き TIFF の場合は、「なし」、「LZW」および「Zip」です。

PNG」、「アルファ付き PNG」または「EPS」を選択した場合は、追加オプションはありません。

シャープ シンプルシャープを有効にする」オプションを選択すると、すべての拡大縮小の実行後、画像に対して基本的なシャープフィルターが適用されます。シャープにより、画像を異なるサイズで表示した場合に発生するぼかしを補うことができます。

「詳細」タブオプション

フィールド 説明
カラースペース カラースペースとして、「RGB」または「グレースケール」を選択します。
シャープ

なし」、「シャープ」または「アンシャープマスク」を選択します。

  • なし」を選択すると、シャープが無効になります。
  • シャープ」を選択すると、すべての拡大縮小の実行後、画像に対して基本的なシャープフィルターが適用されます。シャープにより、画像を異なるサイズで表示した場合に発生するぼかしを補うことができます。
  • アンシャープマスク」を選択すると、ダウンサンプリングされた最終的な画像に対するシャープフィルター効果を細かく調整できます。効果の強さ、効果の半径(ピクセル単位)、無視されるコントラストのしきい値を調整できます。この効果では、Photoshop の「アンシャープマスク」フィルターと同じオプションが使用されます。

アンシャープマスク」には次のオプションがあります。

  • 数量 - エッジのピクセルに適用されるコントラスト量を制御します。デフォルトは 1.0 です。高解像度の画像に対しては、この値を 5.0 まで増やすことができます。「数量」は、フィルター強度の尺度であると考えてください。
  • 半径 - シャープに影響するエッジピクセルの周囲のピクセル数を指定します。高解像度の画像に対しては、"1" ~ "2" を入力します。値が小さい場合、エッジのピクセルのみがシャープされます。値が大きい場合、より広い範囲のピクセルがシャープされます。画像のサイズによって適切な値が変わります。
  • しきい値 - アンシャープマスクフィルターが適用される場合のコントラストの範囲を指定します。つまり、このオプションは、シャープされるピクセルが周囲の領域とどの程度違えば、そのピクセルをエッジのピクセルと見なしてシャープするかを決定するものです。ノイズが入るのを防ぐため、0.02 ~ 0.2 の範囲で様々な値を試してください。
  • 適用先 - アンシャープを各カラーまたは明るさに適用するかを指定します。
シャープについては、画像のシャープで説明しています。
再サンプリングモード 再サンプリングモード」オプションを選択します。画像がダウンサンプリングされる場合に、以下のオプションによって画像がシャープされます。
  • バイリニア法 - 最速の再サンプリング方法。目に見えるエイリアスアーティファクトが一部発生します。
  • バイキュービック法 - CPU 使用率は上昇しますが、目に見えるエイリアスアーティファクトが減少した、よりシャープな画像が生成されます。
  • シャープ 2 - バイキュービック法よりも少しシャープな画像を生成できますが、CPU コストはさらに大きくなります。
  • 各カラー明るさ - 色または明るさに基づいた手法です。デフォルトでは、「各カラー」が選択されます。
プリント解像度 この画像のプリント用解像度を選択します。デフォルトは 72 ピクセルです。
画像の修飾子

UI で使用できる共通の画像設定のほか、ダイナミックメディアでは「画像の修飾子」フィールドで画像の詳細を多数指定できます。これらのパラメーターは、Image Server プロトコルのコマンドリファレンス(英語)で定義されています。

重要:API にリストされている次の関数はサポートされていません。

  • カラー補正コマンド:icc= とiccEmbed=
  • 基本のテンプレート作成およびテキストレンダリングコマンド:text=  textAngle=  textAttr=  textFlowPath= textFlowXPath=  textPath= と textPs=
  • ローカリゼーションコマンド:locale= とreq=xlate
  • req=set は汎用的には使用できません。
  • req=mbrset
  • req=saveToFile
  • req=targets
  • テンプレート=
  • ダイナミックメディアのノンコアサービス:SVG、画像レンダリングおよび Web-to-Print

画像の修飾子による画像プリセットオプションの定義

「基本」タブと「詳細」タブで使用できるオプションに加えて、画像の修飾子を定義して、画像プリセットの定義でより多くのオプションを指定することができます。画像のレンダリングには Scene7 画像レンダリング API が利用されており、詳しくは HTTP プロトコルリファレンスで定義されています。

画像の修飾子を使用して実行できることについて、以下に基本的な例を示します。 

注意:

一部の画像の修飾子は、AEM で使用できません

  • op_invert - それぞれの色成分を、画像の効果が反対になるように逆転させます。

    &op_invert=1
  • op_blur - 画像にぼかしフィルターを適用します。

    &op_blur=25
  • コマンドの組み合わせ - op_blur と op-invert

    &op_invert=1&op_blur=25
  • op_brightness - 明るさを増減します。

    &op_brightness=75
  • opac - 画像の不透明度を調節します。前景の不透明度を減らすことができます。

    opac=50

画像プリセットの変更

画像プリセットを編集するには:

  1. AEM で、AEM のロゴをタップまたはクリックしてグローバルナビゲーションコンソールにアクセスし、ツールアイコンをタップまたはクリックして アセット画像プリセットの順に移動します。

  2. プリセットを選択し、「編集」をクリックします。画像プリセットを編集ウィンドウが開きます。

  3. 変更をおこない、「保存」をクリックして変更を保存するか、「キャンセル」をクリックして変更をキャンセルします。

画像プリセットの公開

画像プリセット(既製のものを含む)は、公開後に使用できます。 

画像プリセットを公開するには:

  1. AEM で、AEM のロゴをタップまたはクリックしてグローバルナビゲーションコンソールにアクセスし、ツールアイコンをタップまたはクリックして アセット画像プリセットの順に移動します。

  2. 画像プリセットのリストから該当する画像プリセットを選択(複数選択可)し、「発行」をクリックまたはタップします。

  3. 画像プリセットが公開されると、ステータスが非公開から公開済みに変更されます。

画像プリセットの削除

画像プリセットを削除するには:

  1. AEM で、AEM のロゴをタップまたはクリックしてグローバルナビゲーションコンソールにアクセスし、ツールアイコンをタップまたはクリックして アセット画像プリセットの順に移動します。

  2. プリセットを選択し、「削除」をクリックします。プリセットを削除してよいか確認するメッセージが表示されます。「OK」をクリックして削除するか、「キャンセル」をクリックして中止します。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー