Dynamic Media画像プリセットの管理

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

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

レスポンシブな画像プリセットを作成することもできます。アセットにレスポンシブな画像プリセットを適用すると、画像が表示するデバイスや画面サイズに応じて変化します。画像プリセットは、RGB またはグレーに加えて CMYK をカラースペースで使用するよう設定できます。

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

Dynamic Mediaの画像プリセットについて

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

次の2つの画像プリセットを作成できます。デスクトップバージョンは500 x 500ピクセル、モバイルバージョンは150 x 150ピクセルです。2つの画像プリセットを作成します。1つは​Enlarge​と呼ばれ、500 x 500 pixelで画像を表示する場合はEnlarge、もう1つは​Thumbnail​と呼ばれ、150 x 150 pixelで画像を表示する場合です。画像を拡大サイズとサムネールサイズで配信する場合、AEMは「Enlarge Image」プリセットと「Thumbnail Image」プリセットの定義を参照します。次に、AEMは各画像プリセットのサイズと形式の仕様で画像を動的に生成します。

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

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

Dynamic Media画像プリセットの管理

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 Update Asset ワークフロー全体で Create Sub Asset process コンポーネントによって作成されます。ワークフローにこのプロセスコンポーネントを表示するには、ツール／ワークフロー／モデル／DAM アセットの更新／編集​をタップします。

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

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

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

1. DAM Update Asset​ワークフローで、Rasterize PDF/AI Image Image Rendition​プロセスコンポーネントは、設定済みの解像度を使用して、元のアセットの最初のページをcqdam.preview.pngレンディションにラスタライズします。

2. その後、ワークフローのcqdam.preview.png Dynamic Media プロセスの画像アセット​プロセスコンポーネントにより、 レンディションが PTIFF に最適化されます。

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

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

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

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

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 Update Asset​ワークフローの​Media抽出​プロセスコンポーネントの引数に含まれる​拡張スクリプト​のパスです。

Dynamic Media 統合では、以下のスクリプトが使用されます。

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

画像のサムネールサイズの設定

DAM アセットの更新​ワークフローで設定することにより、サムネールのサイズを設定できます。画像アセットのサムネールサイズの設定にはワークフローで 2 つのステップがあります。1 つ（Dynamic Media プロセスの画像アセット）はダイナミック画像アセット用に、もう 1 つは（サムネールを処理）は静的サムネール生成または他のすべての処理が失敗した際のサムネール生成に利用されますが、両方とも​同じ設定になっている必要があります。

Dynamic Media プロセスの画像アセット​のステップでは、サムネールは Image Server で生成されます。この設定は、サムネールを処理​のステップで適用される設定とは独立した設定です。サムネールを処理​のステップでおこなうサムネールの生成は、サムネール生成で最も遅く、最もメモリを使う方法です。

サムネールのサイズは次のフォーマットで定義されます。width:height:center。例えば 80:80:false となります。width と height はサムネールのサイズをピクセル単位で定義します。center の値は、false または true で、サムネール画像が設定で指定されたのとまったく同じサイズであることを示します。画像が指定よりも小さいサイズに変更された場合は、サムネール内で中央揃えされます。

サムネールサイズを設定するには:

1. ツール／ワークフロー／モデル／DAM アセットの更新／編集​をタップします。

2. Dynamic Mediaプロセス画像アセット​の手順をタップし、「サムネール」タブをタップします。 必要に応じてサムネールのサイズを変更し、「OK」をタップします。

   

3. サムネールを処理​のステップをタップし、「サムネール」タブをタップします。必要に応じてサムネールサイズを変更し、「OK」をタップします。

   メモ

   サムネールを処理​ステップのサムネール引数の値が、Dynamic Media プロセスの画像アセット​ステップのサムネール引数と一致する必要があります。

4. 「保存」をタップしてワークフローに対する変更を保存します。

を表示するDynamic Media画像プリセットの数の増減

作成した画像プリセットは、アセットをプレビューする際の動的レンディションとして使用できます。AEM で、詳細表示／レンディション​からアセットを表示すると、様々な動的レンディションが表示されます。表示されるレンディション数の制限を増減させることができます。

表示されるDynamic Media画像プリセットの数を増減するには:

1. CRXDE Lite (http://localhost:4502/crx/de)に移動します。

2. 画像プリセットリストノード（/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist）に移動します。

   

3. limit​プロパティで、値（デフォルトでは15に設定）を目的の数に変更します。

4. 画像プリセットデータソース（/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource）に移動します。

   

5. 「limit」プロパティの数を、目的の数（例：{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}）に変更します。

6. 「すべて保存」をタップします。

Dynamic Media画像プリセットの作成

Dynamic Mediaの画像プリセットを作成すると、プレビュー時や公開時に、これらの設定を任意の画像に適用できます。

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

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

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

1. AEM で、AEM ロゴをタップして、グローバルナビゲーションコンソールにアクセスします。

2. ツール​アイコンをタップし、アセット/画像プリセット​に移動します。

3. 「作成」をタップします。

   

   メモ

   この画像プリセットをレスポンシブにするには、「幅」フィールドと「高さ」フィールドの値を消去して空のままにします。

4. 画像プリセットを編集​ページで、「基本」タブと「詳細」タブに、必要に応じて名前を含む値を入力します。 オプションの概要については、画像プリセットオプションで説明しています。プリセットは左側のウィンドウに表示され、他のアセットにすぐに使用できます。

   

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

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

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

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

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

画像プリセットを作成または編集するときに、ここで説明するオプションを使用できます。さらに、Adobeでは、開始に対して次の3つの​ベストプラクティス​オプションを選択することを推奨します。

• 形式 (​ ​​「基本」タブ) - JPEGまたは要件に合う他の形式を選択します。すべてのWebブラウザーが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」、「CMYK」または「グレースケール」を選択します。
カラープロファイル	作業プロファイルと異なる場合にアセットの変換対象となる出力カラースペースプロファイルを選択します。
レンダリングインテント	デフォルトのレンダリングインテントを上書きできます。レンダリングインテントは、対象のカラープロファイルでは再現できない（色域外の）色をどうするかを定義します。レンダリングインテントは、ICC プロファイルと互換性がない場合は無視されます。 「知覚的」は、元の画像の 1 つ以上の色が対象のカラースペースの色域外であるときに、一方のカラースペースの全色域をもう一方のカラースペースの色域に圧縮する場合に選択します。 「相対的な色域を維持」は、現在のカラースペースの 1 色が対象のカラースペースの色域外であるときに、他の色に影響を与えることなく、その色を対象のカラースペースの色域内のできる限り近い色にマップしたい場合に選択します。 「彩度」は、対象のカラースペースに変換するときに元の画像の色の彩度を再現する場合に選択します。 「絶対的な色域を維持」は、画像の明るさを変える白点と黒点の調整なしで色を完全に一致させる場合に選択します。
黒点補正	出力プロファイルでこの機能がサポートされている場合、このオプションを選択します。指定した ICC プロファイルと互換性がない場合、黒点補正は無視されます。
ディザリング	このオプションを選択すると、カラーバンディングアーティファクトを回避または軽減できる可能性があります。
シャープタイプ	「なし」、「シャープ」または「アンシャープマスク」を選択します。 「なし」を選択すると、シャープが無効になります。 「シャープ」を選択すると、すべての拡大縮小の実行後、画像に対して基本的なシャープフィルターが適用されます。シャープにより、画像を異なるサイズで表示した場合に発生するぼかしを補うことができます。 「アンシャープマスク」を選択すると、ダウンサンプリングされた最終的な画像に対するシャープフィルター効果を細かく調整できます。効果の強さ、効果の半径（ピクセル単位）、無視されるコントラストのしきい値を調整できます。この効果では、Photoshop の「アンシャープマスク」フィルターと同じオプションが使用されます。 「アンシャープマスク」には次のオプションがあります。 量 - 端のピクセルに適用されるコントラストを制御します。デフォルトの実数値は 1.0 です。高解像度の画像に対しては、この値を 5.0 まで増やすことができます。「量」は、フィルター強度の尺度だと考えてください。 半径 - シャープに影響するエッジピクセルの周囲のピクセル数を決定します。解像度の高い画像では、1～2 の実数を入力します。値が小さい場合、エッジのピクセルのみがシャープニングされます。値が大きい場合、より広い範囲のピクセルがシャープニングされます。画像のサイズによって適切な値が変わります。 しきい値 - アンシャープマスクフィルターが適用される場合のコントラストの範囲を指定します。つまり、このオプションは、シャープニングされるピクセルが周囲の領域とどの程度違えば、そのピクセルをエッジのピクセルと見なしてシャープニングするかを決定するものです。ノイズが入らないように、2～20 の範囲で様々な整数値を試してください。 適用先 - アンシャープを各カラーまたは明るさに適用するかを指定します。 シャープニングについては、画像のシャープニングを参照してください。
再サンプリングモード	「再サンプリングモード」オプションを選択します。画像がダウンサンプリングされる場合に、以下のオプションによって画像がシャープニングされます。 バイリニア法 - 最速の再サンプリング方法。目に見えるエイリアスアーティファクトが一部発生します。 バイキュービック法 - CPU 使用率は上昇しますが、目に見えるエイリアスアーティファクトが減少した、よりシャープな画像が生成されます。 シャープ 2 - バイキュービック法よりも少しシャープな画像を生成できますが、CPU コストはさらに大きくなります。 バイシャープ - 画像サイズを縮小するための Photoshop のデフォルトの再サンプリング方法を選択します。Adobe Photoshop では「バイキュービックシャーパー」と呼ばれています。 各カラー、明るさ - 色または明るさに基づいた手法です。デフォルトでは、「各カラー」が選択されます。
プリント解像度	この画像のプリント用解像度を選択します。デフォルトは 72 ピクセルです。
画像の修飾子	UI で使用できる共通の画像設定のほか、Dynamic Media では「画像の修飾子」フィールドで画像の詳細を多数指定できます。これらのパラメーターは、Image Server プロトコルのコマンドリファレンス（英語）で定義されています。 重要：API にリストされている次の関数はサポートされていません。 基本的なテンプレートコマンドおよびテキストレンダリングコマンド：text= textAngle= textAttr= textFlowPath= textFlowXPath= textPath= および textPs= ローカライゼーションコマンド：locale= および req=xlate req=set は汎用的には使用できません。 req=mbrset req=saveToFile req=targets template= Dynamic Media のノンコアサービス：SVG、画像レンダリングおよび Web-to-Print

画像修飾子を使用した画像プリセットオプションの定義

「基本」タブと「詳細」タブで使用できるオプションの他に、画像修飾子を定義して、画像プリセットを定義する際にさらに多くのオプションを指定できます。 イメージレンダリングは、Dynamic MediaイメージレンダリングAPIに依存しています。 APIは、『HTTPプロトコルリファレンス』で詳しく定義されています。

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

• 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. プリセットを選択し、「編集」をタップします。

4. 画像プリセットを編集​ページで必要な変更を行い、「保存」をタップします。

Dynamic Media画像プリセットの公開

Dynamic Media - ハイブリッドモードを実行している場合、画像プリセットを手動で公開する必要があります。

Dynamic Media-Scene7モードを実行している場合、画像プリセットは自動的に公開されます。これらの手順を実行する必要はありません。

画像プリセットをDynamic Media — ハイブリッドモードで公開するには:

1. AEM で、AEM ロゴをタップして、グローバルナビゲーションコンソールにアクセスします。

2. ツール​アイコンをタップし、アセット/画像プリセット​に移動します。

3. 画像プリセットのリストから画像プリセットを選択するか、複数の画像プリセットを選択し、「公開」をタップします。

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

   

Dynamic Media画像プリセットの削除

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

1. AEM で、AEM ロゴをタップして、グローバルナビゲーションコンソールにアクセスします。
2. ツール​アイコンをタップし、アセット/画像プリセット​に移動します。
3. プリセットを選択し、「削除」をタップします。 プリセットを削除してよいか確認するメッセージが表示されます。「削除」をタップします。