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

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

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

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

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

メモ

スマートイメージングは、既存の画像プリセットで機能し、配信の直前にインテリジェンスを使用して、ブラウザーまたはネットワークの接続速度に基づいて画像のファイルサイズをさらに低減します。詳しくは、スマートイメージングを参照してください。

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

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

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

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

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

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

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

chlimage_1-494

メモ

作成した画像プリセットは、アセットをプレビューまたは配信する際の動的レンディションとしても使用できます。

Dynamic Media - Scene7 モードでは、画像プリセットは自動的に公開されるので、ユーザーが画像プリセットを公開する必要はありません。

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

画像プリセットの公開を参照してください。

メモ

アセットの詳細表示で「レンディション」を選択すると、様々なレンディションがシステムによって表示されます。表示される画像プリセットの数を増減させることができます。表示される画像プリセット数の引き上げを参照してください。

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 ファイルの動的レンディションを表示および生成するには、次の処理ステップが必要です。

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

メモ

DAMアセットの更新ワークフローで、EPSサムネールのステップでEPSファイルのサムネールが生成されます。

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

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

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

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

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 Server は不要です。ただし、リンクが InDesign ファイルと参照元のアセットの間に作成されるには、InDesign ファイルが処理される前に参照元のアセットが AEM 内に存在する必要があります。

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

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

メディア抽出プロセスの引数で使用される拡張スクリプトのパス

DAMアセットの更新ワークフローのメディア抽出プロセスコンポーネントの引数にあるスクリプトパスを拡張します。

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 で生成されます。この設定は、サムネールを処理のステップで適用される設定とは独立した設定です。サムネールを処理のステップで行うサムネールの生成は、サムネール生成で最も遅く、最もメモリを使う方法です。

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

メモ

EPSファイルのサムネールサイズは、サムネールの下の**「引数**」タブのEPSサムネールの手順で設定します。
ビデオのサムネールサイズは「引数」の下にある「処理」タブの FFmpeg サムネールのステップで設定します。

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

ツール／ワークフロー／モデル／DAM アセットの更新／編集をタップします。
Dynamic Mediaプロセスの画像アセットの手順をタップし、「サムネール」タブをタップします。必要に応じてサムネールのサイズを変更し、「OK」をタップします。
サムネールを処理のステップをタップし、「サムネール」タブをタップします。必要に応じてサムネールのサイズを変更し、「OK」をタップします。

メモ

サムネールを処理ステップのサムネール引数の値が、Dynamic Media プロセスの画像アセットステップのサムネール引数と一致する必要があります。
「保存」をタップしてワークフローに対する変更を保存します。

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

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

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

CRXDE Lite(http://localhost:4502/crx/de)に移動します。
画像プリセットリストノード（/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist）に移動します。
limitプロパティで、値（デフォルトで15に設定されています）を目的の数に変更します。
画像プリセットデータソース（/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource）に移動します。
「limit」プロパティの数を、目的の数（例：{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}）に変更します。
「すべて保存」をタップします。

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

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

メモ

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

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

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

メモ

Dynamic Media画像プリセットを作成するには、AEM管理者またはAdmin Console管理者の権限が必要です。

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

AEM で、AEM ロゴをタップして、グローバルナビゲーションコンソールにアクセスします。
ツールアイコンをタップし、アセット/画像プリセットに移動します。
「作成」をタップします。

メモ

この画像プリセットをレスポンシブにするには、「幅」フィールドと「高さ」フィールドの値を消去して空のままにします。
画像プリセットを編集ページで、「基本」タブと「詳細」タブに、必要に応じて名前などの値を入力します。オプションの概要については、画像プリセットオプションで説明しています。プリセットは左側のウィンドウに表示され、他のアセットにすぐに使用できます。
「保存」をクリックします。

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

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

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

chlimage_1-498

メモ

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

Dynamic Media - Scene7 モードでは、画像プリセットと画像アセットは自動的に公開されます。

Dynamic Media - ハイブリッドモードでは、画像プリセットと画像アセットを手動で公開する必要があります。

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

画像プリセットを作成または編集するときに、ここで説明するオプションを使用できます。さらに、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 の範囲で様々な整数値を試してください。適用先 - アンシャープを各カラーまたは明るさに適用するかを指定します。シャープニングについては、 AdobeDynamic Media Classicの画質とシャープのベストプラクティス。
再サンプリングモード	「再サンプリングモード」オプションを選択します。画像がダウンサンプリングされる場合に、以下のオプションによって画像がシャープニングされます。バイリニア法 - 最速の再サンプリング方法。目に見えるエイリアスアーティファクトが一部発生します。バイキュービック法 - 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 Image Rendering APIに依存しています。 APIの詳細は、「HTTPプロトコルリファレンス」で定義します。

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

メモ

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