画像プリセットの管理

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

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

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

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

画像プリセットの概要

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

デスクトップバージョン（500 x 500 ピクセル）とモバイルバージョン（150 x 150 ピクセル）の 2 つの画像プリセットを作成できます。2 つの画像プリセットを作成します。つまり、500 x 500 ピクセルで画像を表示するための Enlarge プリセットとで、150 x 150 ピクセルで画像を表示するための Thumbnail プリセットです。Enlarge および Thumbnail サイズの画像を配信するために、AEM では「拡大画像プリセット」と「サムネール画像プリセット」の定義を検索します。その後、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 Update Asset ワークフロー全体で Create Sub Asset process コンポーネントによって作成されます。ワークフローにこのプロセスコンポーネントを表示するには、ツール／ワークフロー／モデル／DAM アセットの更新／編集​をタップします。

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

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

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

2. その後、ワークフロー内の Dynamic Media Process Image Assets プロセスコンポーネントで、cqdam.preview.png レンディションが PTIFF に最適化されます。

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

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

Rasterize PDF/AI Image Preview Rendition プロセスコンポーネントのオプションには、DAM Update Asset ワークフローを通じてアクセスします。

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

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 ピクセルになります。

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

InDesign（INDD）ファイル形式

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

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

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

DAM アセットの更新ワークフローのメディア抽出プロセスコンポーネントの引数で使用される ExtendScript のパス

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. 「保存」をタップしてワークフローに対する変更を保存します。

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

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

表示される画像プリセット数を増減させるには：

1. CRXDE Lite（https://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. 「すべて保存」をタップします。

画像プリセットの作成

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

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

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

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

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

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

   

   メモ

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

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

   

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

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

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

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

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

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

• 形式（「基本」タブ） - 「JPEG」または要件を満たす他の形式を選択します。JPEG 画像形式はすべての Web ブラウザーでサポートされ、小さなファイルサイズと画質のバランスが良い形式です。ただし、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に依存しており、詳しくは『HTTPプロトコルリファレンス』を参照してください。

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

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

  &op_invert=1
  

  

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

  &op_blur=7
  

  

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

  &op_invert=1&op_blur=7
  

  

• op_brightness - 明るさを増減させます。

  &op_brightness=58
  

  

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

  opac=29
  

  

画像プリセットの編集

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

   

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

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

画像プリセットの公開

画像プリセットは自動的に公開されます。

画像プリセットの削除

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