Dynamic Media 画像プリセットの管理 managing-image-presets
画像プリセットを使用すると、Adobe Experience Manager Assets は異なるサイズや異なる形式の画像、あるいは動的に生成された他の画像プロパティを設定した画像を動的に配信できます。各画像プリセットは、画像表示用のサイズやフォーマットに関するコマンドの事前定義済みコレクションを表します。画像プリセットの作成時には、画像配信用のサイズを選択します。また、フォーマットコマンドも選択すると、表示する画像が配信される際に画像の外観が最適化されます。
管理者は、アセットを書き出すためのプリセットを作成できます。ユーザーは画像を書き出すときにプリセットを選択できます。また、この操作によって、管理者が指定した仕様に合わせて画像が再フォーマットされます。
レスポンシブな画像プリセットを作成することもできます。アセットにレスポンシブな画像プリセットを適用すると、画像が表示するデバイスや画面サイズに応じて変化します。画像プリセットは、RGB またはグレーに加えて CMYK をカラースペースで使用するよう設定できます。
この節では、画像プリセットを作成、変更および全般的に管理する方法について説明します。作成者は画像をプレビューするときに、いつでも画像プリセットを適用できます。詳しくは、画像プリセットの適用を参照してください。
Dynamic Media 画像プリセットを理解する 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 サイトまたはアプリケーションに画像が配信されるときに、画像がシャープでクリアに表示されるようになります。
管理者が画像プリセットを作成できます。画像プリセットを作成する際に、最初から作成することも、既存のプリセットから始めて新しい名前で保存することもできます。
Dynamic Media 画像プリセットの管理 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
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 画像プレビューレンディションをラスタライズのオプション rasterize-pdf-ai-image-preview-rendition-options
PDF または AI ワークフローのラスタライズの引数
デフォルトのプロセス引数を使用して、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 内に存在する必要があります。
Experience Manager Assets と InDesign Server の統合を参照してください。
DAM Update Asset
ワークフローのメディア抽出プロセスコンポーネントでは、事前設定された拡張スクリプトをいくつか実行して InDesign ファイルを処理します。
DAM アセットの更新ワークフローのメディア抽出プロセスコンポーネントの引数で使用される ExtendScript のパス。
Dynamic Media 統合では、以下のスクリプトが使用されます。
画像のサムネールサイズの設定 configuring-image-thumbnail-size
DAM アセットの更新 ワークフローで設定することにより、サムネールのサイズを設定できます。画像アセットのサムネールサイズの設定にはワークフローで 2 つのステップがあります。(Dynamic Media プロセスの画像アセット)はダイナミック画像アセット用に、(サムネールを処理)は静的サムネール生成または他のすべての処理が失敗した際のサムネール生成に利用されますが、両方とも 同じ設定になっている必要があります。
Dynamic Media プロセスの画像アセット のステップでは、サムネールは Image Server で生成されます。この設定は、サムネールを処理 のステップで適用される設定とは独立した設定です。サムネールを処理 のステップで行うサムネールの生成は、サムネール生成で最も遅く、最もメモリを使う方法です。
サムネールのサイズは width:height:center
の形式で定義されます(例:80:80:false
)。幅と高さによって、サムネールのピクセル単位のサイズが決まります。中央の値は、false または true で、サムネール画像が設定で指定されたのとまったく同じサイズであることを示します。画像が指定よりも小さいサイズに変更された場合は、サムネール内で中央揃えされます。
-
EPS ファイルのサムネールサイズは 「サムネール」の下の「引数」タブにある EPS サムネール のステップで設定します。
-
ビデオのサムネールサイズは「引数」の下にある「処理」タブの FFmpeg サムネール のステップで設定します。
画像のサムネールサイズを設定するには::
-
ツール/ワークフロー/モデル/DAM アセットの更新/編集 を選択します。
-
Dynamic Media プロセスの画像アセット のステップを選択し、「サムネール」タブをクリックします。必要に応じてサムネールのサイズを変更し、「OK」を選択します。
-
サムネールを処理 のステップを選択し、「サムネール」タブを選択します。必要に応じてサムネールのサイズを変更し、「OK」を選択します。
note note NOTE サムネールを処理 ステップのサムネール引数の値が、Dynamic Media プロセスの画像アセット ステップのサムネール引数と一致する必要があります。 -
「保存」を選択して、ワークフローに対する変更を保存します。
表示される Dynamic Media 画像プリセット数の増減 increasing-or-decreasing-the-number-of-image-presets-that-display
作成した画像プリセットは、アセットをプレビューする際の動的レンディションとして使用できます。Adobe Experience Manager では、詳細表示/レンディション からアセットを表示すると、様々な動的レンディションが表示されます。表示されるレンディション数の制限を増減させることができます。
表示される Dynamic Media 画像プリセット数を増減させます。
-
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]}
-
「すべて保存」を選択します。
Dynamic Media 画像プリセットの作成 creating-image-presets
Dynamic Media 画像プリセットの作成によって、プレビューや公開の際に任意の画像に設定を適用できます。
AI ファイル、PDF ファイル、EPS ファイルの取り込みをサポートして、これらのファイル形式の動的レンディションを生成できるようにする場合は、画像プリセットを作成する前に次の情報を確認してください。Adobe Illustrator(AI)、Postscript(EPS)および PDF ファイル形式を参照してください。
INDD 形式の取り込みをサポートし、これらのファイル形式の動的レンディションを生成する場合、画像プリセットを作成する前に次の情報を確認することをお勧めします。InDesign(INDD)ファイル形式を参照してください。
Dynamic Media 画像プリセットを作成するには:
-
Experience Manager で、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
「詳細」タブオプション advanced-tab-options
画像の修飾子による画像プリセットオプションの定義 defining-image-preset-options-with-image-modifiers
「基本」タブと「詳細」タブで使用できるオプションに加えて、画像の修飾子を定義して、画像プリセットの定義でより多くのオプションを指定できます。画像のレンダリングは画像レンダリング 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
-
Experience Manager で、Experience Manager ロゴを選択してグローバルナビゲーションコンソールにアクセスし、ツール/アセット/画像プリセット を選択します。
-
プリセットを選択し、「編集」をクリックします。画像プリセットを編集 ウィンドウが開きます。
-
変更を加え、「保存」をクリックして変更を保存するか、「キャンセル」をクリックして変更をキャンセルします。
Dynamic Media 画像プリセットを公開する publishing-image-presets
Dynamic Media - ハイブリッドモードを実行している場合、画像プリセットを手動で公開する必要があります。
(Dynamic Media - Scene7 モードを実行している場合、画像プリセットは自動的に公開されるので、以下の手順を実行する必要はありません)。
Dynamic Media で画像プリセットを公開するには - ハイブリッドモード:
-
Experience Manager で、Experience Manager ロゴをクリックしてグローバルナビゲーションコンソールにアクセスし、ツールアイコンをクリックして、アセット/画像プリセット に移動します。
-
画像プリセットのリストから該当する画像プリセットを選択し(複数選択可)、「公開」をクリックします。
-
画像プリセットが公開されると、ステータスが非公開から公開済みに変更されます。
ダイナミックメディア画像プリセットを削除 deleting-image-presets
- Experience Manager で、Experience Manager ロゴをクリックして、グローバルナビゲーションコンソールにアクセスします。
- ツール アイコンを選択し、アセット/画像プリセット に移動します。
- プリセットを選択し、「削除」をクリックします。Dynamic Media に、プリセットを削除してよいか確認するメッセージが表示されます。「削除」を選択して削除するか、「キャンセル」を選択して中止します。