画像プリセットの管理 managing-image-presets
画像プリセットを使用すると、Adobe Experience Manager Assets は異なるサイズや異なる形式の画像、あるいは動的に生成された他の画像プロパティを設定した画像を動的に配信できます。各画像プリセットは、画像表示用のサイズやフォーマットに関するコマンドの事前定義済みコレクションを表します。画像プリセットの作成時には、画像配信用のサイズを選択します。また、フォーマットコマンドも選択すると、表示する画像が配信される際に画像の外観が最適化されます。
管理者は、アセットを書き出すためのプリセットを作成できます。ユーザーは画像を書き出すときにプリセットを選択できます。また、この操作によって、管理者が指定した仕様に合わせて画像が再フォーマットされます。
レスポンシブな画像プリセットを作成することもできます。アセットにレスポンシブな画像プリセットを適用すると、画像が表示するデバイスや画面サイズに応じて変化します。画像プリセットは、RGB またはグレーに加えて CMYK をカラースペースで使用するよう設定できます。
この節では、画像プリセットを作成、変更および全般的に管理する方法について説明します。作成者は画像をプレビューするときに、いつでも画像プリセットを適用できます。詳しくは、画像プリセットの適用を参照してください。
画像プリセットについて understanding-image-presets
各画像プリセットはマクロと同様に、サイズおよびフォーマットのコマンドに関する事前定義済みのコレクションが、特定の名前で保存されたものです。画像プリセットの仕組みを理解するために、Web サイトで各商品画像を、デスクトップ配信用とモバイル配信用に異なるサイズ、異なる形式および圧縮率で表示する必要があるとします。
デスクトップバージョン(500 x 500 ピクセル)とモバイルバージョン(150 x 150 ピクセル)の 2 つの画像プリセットを作成できます。2 つの画像プリセットを作成します。つまり、500 x 500 ピクセルで画像を表示するための Enlarge
プリセットとで、150 x 150 ピクセルで画像を表示するための Thumbnail
プリセットです。Enlarge
および Thumbnail
サイズの画像を配信するために、Adobe Experience Manager では「拡大画像プリセット」と「サムネール画像プリセット」の定義を検索します。その後、Adobe Experience Manager は各画像プリセットのサイズと形式の仕様に従って画像を動的に生成します。
この場合、動的に配信されるときに画像のサイズを削減すると、シャープさと細部が失われる可能性があります。この理由で、各画像プリセットには、画像を特定のサイズで配信するときに最適化するための形式設定コントロールが含まれています。これらのコントロールによって、web サイトまたはアプリケーションに画像が配信されるときに、画像がシャープでクリアに表示されるようになります。
管理者が画像プリセットを作成できます。画像プリセットを作成する際に、最初から作業を始めることも、既存のプリセットから始めて新しい名前で保存することもできます。
画像プリセットの管理 managing-image-presets-1
Adobe Experience Manager で画像プリセットを管理するには、Adobe Experience Manager ロゴを選択してグローバルナビゲーションコンソールにアクセスし、ツールアイコンを選択して アセット/画像プリセット の順に移動します。
Adobe Illustrator(AI)、PostScript®(EPS)、PDF の各ファイル形式 adobe-illustrator-ai-postscript-eps-and-pdf-file-formats
AI ファイル、EPS ファイル、PDF ファイルの取り込みをサポートして、これらのファイル形式の動的レンディションを生成できるようにする場合は、画像プリセットを作成する前に次の情報を確認してください。
Adobe Illustrator のファイル形式は PDF のバリアントです。Adobe Experience Manager 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 ファイルの動的レンディションを表示および生成するには、次の処理ステップが必要です。
-
DAM Update Asset
ワークフローで、Rasterize PDF/AI Image Preview Rendition
プロセスコンポーネントが、(設定された解像度で)元のアセットの最初のページをcqdam.preview.png
レンディションにラスタライズします。 -
その後、ワークフロー内の
Dynamic Media Process Image Assets
プロセスコンポーネントで、cqdam.preview.png
レンディションが PTIFF に最適化されます。
PDF/AI/EPS アセットのメタデータプロパティ pdf-ai-eps-asset-metadata-properties
Rasterize PDF/AI Image Preview Rendition
プロセスコンポーネントのオプションには、DAM Update Asset
ワークフローを通じてアクセスします。
左上の Adobe Experience Manager を選択し、ツール/ワークフロー/モデル に移動します。ワークフローモデルページで「DAM アセットの更新」を選択し、ツールバーの「編集」を選択します。DAM アセットの更新ワークフローページで、Rasterize PDF/AI Image Preview Rendition
プロセスコンポーネントをダブルクリックして、ステッププロパティダイアログボックスを開きます。
PDF/AI 画像プレビューレンディションをラスタライズのオプション rasterize-pdf-ai-image-preview-rendition-options
PDF または AI ワークフローのラスタライズの引数
application/postscript
application/illustrator
デフォルトのプロセス引数を使用して、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™ 仮想マシン)に提供されているメモリがオーバーフローするおそれがあります。それぞれ設定された最大サイズで画像を作成可能なワークフローを、設定した数だけ並行して管理するのに十分なメモリを JVM に提供する必要があります。
InDesign(INDD)ファイル形式 indesign-indd-file-format
INDD 形式の取り込みをサポートし、これらのファイル形式の動的レンディションを生成する場合、画像プリセットを作成する前に次の情報を確認してください。
InDesign ファイルについては、Adobe InDesign Server が AEM Experience Manager に統合されている場合にのみサブアセットが抽出されます。参照元のアセットは、メタデータに基づいてリンクされます。リンク設定に InDesign Server は不要です。ただし、リンクが InDesign ファイルと参照元のアセットの間に作成されるには、InDesign ファイルが処理される前に参照元のアセットが Adobe Experience Manager 内に存在する必要があります。
DAM Update Asset
ワークフローのメディア抽出プロセスコンポーネントでは、事前設定された「スクリプトを拡張」をいくつか実行して InDesign ファイルを処理します。
DAM アセットの更新ワークフローのメディア抽出プロセスコンポーネントの引数で使用される ExtendScript のパス。
Dynamic Media 統合では、以下のスクリプトが使用されます。
Dynamic Media Process Image Assets
プロセスコンポーネントによって最適化され PTIFF レンディションに変換される 300 ppi の thumbnail.jpg
レンディションを生成します。DAM Update Asset
ワークフローで最適化され PTIFF に変換されます。画像のサムネールサイズの設定 configuring-image-thumbnail-size
DAM アセットの更新 ワークフローで設定することにより、サムネールのサイズを設定できます。画像アセットのサムネールサイズの設定にはワークフローで 2 つのステップがあります。一方(ダイナミックメディアプロセスの画像アセット)は、動的な画像アセットに使用されます。もう一方(サムネールを処理)は、静的なサムネールの生成に使用されるか、その他のすべてのプロセスでサムネールを生成できなかった場合に使用されます。いずれにせよ、両方 とも同じ設定にする必要があります。
Dynamic Media プロセスの画像アセット のステップでは、サムネールは Image Server で生成されます。この設定は、サムネールを処理 のステップで適用される設定とは独立した設定です。サムネールを処理 のステップで行うサムネールの生成は、サムネール生成で最も遅く、最もメモリを使う方法です。
サムネールのサイズは widthcenter の形式で定義されます(例:80:80:false
)。width と height はサムネールのサイズをピクセル単位で指定します。center の値は false または true で、true に設定した場合は、サムネール画像のサイズが設定で指定されたサイズとまったく同じであることを示します。画像が指定よりも小さいサイズに変更された場合は、サムネール内で中央揃えされます。
-
EPS ファイルのサムネールサイズは 「サムネール」の下の「引数」タブにある EPS サムネール のステップで設定します。
-
ビデオのサムネールサイズは「引数」の下にある「処理」タブの FFmpeg サムネール のステップで設定します。
画像のサムネールサイズを設定するには::
-
ツール/ワークフロー/モデル/DAM アセットの更新/編集 に移動します。
-
Dynamic Media プロセスの画像アセット のステップを選択し、「サムネール」タブを選択します。必要に応じてサムネールのサイズを変更し、「OK」を選択します。
-
サムネールを処理 のステップを選択し、「サムネール」タブを選択します。必要に応じてサムネールのサイズを変更し、「OK」を選択します。
note note NOTE サムネールを処理 ステップのサムネール引数の値が、Dynamic Media プロセスの画像アセット ステップのサムネール引数と一致する必要があります。 -
「保存」を選択して、ワークフローに対する変更を保存します。
表示される画像プリセットの数の増減 increasing-or-decreasing-the-number-of-image-presets-that-display
作成した画像プリセットは、アセットをプレビューする際の動的レンディションとして使用できます。Adobe Experience Manager では、詳細表示/レンディション からアセットを表示すると、様々な動的レンディションが表示されます。表示されるレンディション数の制限を増減させることができます。
表示される画像プリセットの数を増減させるには:
-
CRXDE Lite(https://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]}
-
「すべて保存」を選択します。
画像プリセットの作成 creating-image-presets
プレビュー時または公開時にすべての画像に設定を一貫して適用できるように、画像プリセットを作成します。
AI ファイル、PDF ファイル、EPS ファイルの取り込みをサポートして、これらのファイル形式の動的レンディションを生成できるようにする場合は、画像プリセットを作成する前に次の情報を確認してください。
Adobe Illustrator(AI)、PostScript®(EPS)、PDF の各ファイル形式を参照してください。
INDD 形式の取り込みをサポートし、これらのファイル形式の動的レンディションを生成する場合、画像プリセットを作成する前に次の情報を確認してください。
InDesign(INDD)ファイル形式を参照してください。
画像プリセットを作成するには:
-
Adobe Experience Manager で、Adobe Experience Manager ロゴを選択してグローバルナビゲーションコンソールにアクセスし、ツール/アセット/画像プリセット に移動します。
-
「作成」を選択します。
note note NOTE この画像プリセットをレスポンシブにするには、「幅」フィールドと「高さ」フィールドの値を消去して空のままにします。 -
画像プリセットを編集 ウィンドウで、「基本」または「詳細」のどちらか該当するタブに、名前などの値を入力します。オプションの概要については、画像プリセットオプションで説明しています。プリセットは左側のウィンドウに表示され、他のアセットにすぐに使用できます。
-
「保存」を選択します。
レスポンシブな画像プリセットの作成 creating-a-responsive-image-preset
レスポンシブな画像プリセットを作成するには、画像プリセットの作成の手順を実行します。画像プリセットを編集 ウィンドウで高さと幅を入力する際に、これらの値を消去して空のままにします。
空のままにすることで、この画像プリセットがレスポンシブであることを Adobe Experience Manager に指示します。他の値は適宜変更できます。
画像プリセットオプション image-preset-options
画像プリセットを作成または編集するときに、ここで説明するオプションを使用できます。またアドビは、最初に使用すべきオプションとして、以下の「ベストプラクティス」オプションをお勧めします。
-
形式(「基本」タブ)- 「JPEG」または要件を満たす他の形式を選択します。JPEG 画像形式はすべての Web ブラウザーでサポートされ、小さなファイルサイズと画質のバランスが良い形式です。ただし、JPEG 形式の画像では非可逆圧縮方式が使用されるので、圧縮設定が低すぎる場合は望ましくない画像アーティファクトが発生する可能性があります。このため、アドビは圧縮品質を 75 に設定することをお勧めします。この設定は、画質と小さなファイルサイズのバランスが取れた設定です。
-
シンプルシャープを有効にする - 「シンプルシャープを有効にする」は選択しません(このシャープフィルターでは、アンシャープマスク設定よりも細かく制御できません)。
-
シャープ:再サンプリングモード - 「シャープ 2」を選択します。
「基本」タブオプション basic-tab-options
「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」を選択した場合は、追加オプションはありません。
「詳細」タブオプション advanced-tab-options
画像の修飾子による画像プリセットオプションの定義 defining-image-preset-options-with-image-modifiers
「基本」タブと「詳細」タブで使用できるオプションに加えて、画像の修飾子を定義して、画像プリセットの定義でより多くのオプションを指定することができます。画像のレンダリングには Dynamic Media 画像レンダリング API が利用されており、詳しくは HTTP プロトコルリファレンスで定義されています。
画像の修飾子を使用して実行できることについて、以下に基本的な例を示します。
-
op_invert - それぞれの色成分を、画像の効果が反対になるように逆転させます。
code language-xml &op_invert=1
-
op_blur - 画像にぼかしフィルターを適用します。
code language-xml &op_blur=7
-
コマンドの組み合わせ - op_blur と op-invert
code language-xml &op_invert=1&op_blur=7
-
op_brightness - 明るさを増減させます。
code language-xml &op_brightness=58
-
opac - 画像の不透明度を調節します。前景の不透明度を減らすことができます。
code language-xml opac=29
画像プリセットの編集 modifying-image-presets
-
Adobe Experience Manager で、Adobe Experience Manager ロゴを選択してグローバルナビゲーションコンソールにアクセスし、ツール/アセット/画像プリセット に移動します。
-
プリセットを選択してから、「編集」を選択します。画像プリセットを編集 ウィンドウが開きます。
-
変更を加え、「保存」を選択して変更を保存するか、「キャンセル」を選択して変更をキャンセルします。
画像プリセットの公開 publishing-image-presets
画像プリセットは自動的に公開されます。
画像プリセットの削除 deleting-image-presets
- Adobe Experience Manager で、Adobe Experience Manager ロゴを選択してグローバルナビゲーションコンソールにアクセスし、ツールアイコンを選択します。
- アセット/画像プリセット に移動します。
- プリセットを選択し、「削除」を選択します。プリセットを削除してよいか確認するメッセージが表示されます。「削除」を選択して削除を実行するか、「キャンセル」を選択して画像プリセットに戻ります。