画像プリセットを使用すると、Adobe Experience Manager Assets は異なるサイズや異なる形式の画像、あるいは動的に生成された他の画像プロパティを設定した画像を動的に配信できます。各画像プリセットは、画像表示用のサイズやフォーマットに関するコマンドの事前定義済みコレクションを表します。画像プリセットの作成時には、画像配信用のサイズを選択します。またフォーマットコマンドも選択し、表示対象画像の配信時に画像の見た目が最適化されるようにします。
管理者は、アセットを書き出すためのプリセットを作成できます。ユーザーは画像を書き出すときにプリセットを選択できます。また、この操作によって、管理者が指定した仕様に合わせて画像が再フォーマットされます。
レスポンシブな画像プリセットを作成することもできます。アセットにレスポンシブな画像プリセットを適用すると、画像が表示するデバイスや画面サイズに応じて変化します。画像プリセットは、RGB またはグレーに加えて CMYK をカラースペースで使用するよう設定できます。
ここでは、画像プリセットを作成、変更および全般的に管理する方法について説明します。作成者は画像をプレビューするときに、いつでも画像プリセットを適用できます。詳しくは、画像プリセットの適用を参照してください。
スマートイメージングは、既存の画像プリセットで機能し、配信の直前にインテリジェンスを使用して、ブラウザーまたはネットワークの接続速度に基づいて画像のファイルサイズをさらに低減します。詳しくは、スマートイメージングを参照してください。
各画像プリセットはマクロと同様に、サイズおよびフォーマットのコマンドに関する事前定義済みのコレクションを特定の名前で保存したものです。画像プリセットの仕組みを理解するために、Web サイトで各製品画像を異なるサイズ、形式、圧縮率で、デスクトップ配信用とモバイル配信用に表示する必要があるとします。
Dynamic Media - Scene7 モードでは、画像プリセットは画像アセットに対してのみサポートされます。
デスクトップバージョン(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 サイトまたはアプリケーションに画像が配信されるときに、画像がシャープでクリアに表示されるようになります。
管理者が画像プリセットを作成できます。画像プリセットを作成する際に、最初から作業を始めることも、既存のプリセットから始めて新しい名前で保存することもできます。
Adobe Experience Manager で画像プリセットを管理するには、Adobe Experience Manager ロゴをタップまたはクリックしてグローバルナビゲーションコンソールにアクセスし、ツールアイコンをタップまたはクリックしてアセット/画像プリセットの順に移動します。
作成した画像プリセットは、アセットをプレビューまたは配信する際の動的レンディションとしても使用できます。
Dynamic Media - Scene7 モードでは、画像プリセットは自動的に公開されるので、ユーザーが画像プリセットを公開する必要はありません。
Dynamic Media - ハイブリッドモードでは、画像プリセットを手動で公開する必要があります。
画像プリセットの公開を参照してください。
アセットの詳細表示で「レンディション」を選択すると、様々なレンディションが表示されます。表示される画像プリセットの数を増減させることができます。表示される画像プリセット数の引き上げを参照してください。
このトピックは、Dynamic Media - ハイブリッドモードのみに適用されます。
AI ファイル、EPS ファイル、PDF ファイルの取り込みをサポートして、これらのファイル形式の動的レンディションを生成できるようにする場合は、画像プリセットを作成する前に次の情報を確認してください。
Adobe Illustrator のファイル形式は PDF のバリアントです。Adobe Experience Manager Assets における主な違いは、次のとおりです。
サブアセットは、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 に最適化されます。
DAM アセットの更新ワークフローの EPS サムネール ステップで、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 ワークフローのラスタライズの引数
プロセス引数 | デフォルト設定 | 説明 |
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™ 仮想マシン)に提供されているメモリがオーバーフローするおそれがあります。それぞれ設定された最大サイズで画像を作成可能なワークフローを、設定した数だけ並行して管理するのに十分なメモリを JVM に提供する必要があります。
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 統合では、以下のスクリプトが使用されます。
ExtendScript 名 | デフォルト | 説明 |
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 つのステップがあります。(Dynamic Media プロセスの画像アセット)はダイナミック画像アセット用に、(サムネールを処理)は静的サムネール生成または他のすべての処理が失敗した際のサムネール生成に利用されますが、両方とも同じ設定になっている必要があります。
Dynamic Media プロセスの画像アセットのステップでは、サムネールは Image Server で生成されます。この設定は、サムネールを処理のステップで適用される設定とは独立した設定です。サムネールを処理のステップで行うサムネールの生成は、サムネール生成で最も遅く、最もメモリを使う方法です。
サムネールのサイズは width:height:center の形式で定義されます。例えば 80:80:false
のようになります。幅と高さによって、サムネールのピクセル単位のサイズが決まります。中央の値は、false または true で、サムネール画像が設定で指定されたのとまったく同じサイズであることを示します。画像が指定よりも小さいサイズに変更された場合は、サムネール内で中央揃えされます。
EPS ファイルのサムネールサイズは 「サムネール」の下の「引数」タブにある EPS サムネールのステップで設定します。
ビデオのサムネールサイズは「引数」の下にある「処理」タブの FFmpeg サムネールのステップで設定します。
画像のサムネールサイズを設定するには::
ツール/ワークフロー/モデル/DAM アセットの更新/編集をタップします。
Dynamic Media プロセスの画像アセットのステップをタップし、「サムネール」タブをタップまたはクリックします。必要に応じてサムネールのサイズを変更し、「OK」をタップします。
サムネールを処理のステップをタップし、「サムネール」タブをタップします。必要に応じてサムネールのサイズを変更し、「OK」をタップします。
サムネールを処理ステップのサムネール引数の値が、Dynamic Media プロセスの画像アセットステップのサムネール引数と一致する必要があります。
「保存」をタップしてワークフローに対する変更を保存します。
作成した画像プリセットは、アセットをプレビューする際の動的レンディションとして使用できます。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 画像プリセットの作成によって、プレビューや公開の際に任意の画像に設定を適用できます。
Internet Explorer 9 を使用している場合、プリセットを作成しても、保存後すぐにプリセットのリストに表示されません。この問題を回避するには、IE9 のキャッシュを無効にしてください。
AI ファイル、PDF ファイル、EPS ファイルの取り込みをサポートして、これらのファイル形式の動的レンディションを生成できるようにする場合は、画像プリセットを作成する前に次の情報を確認してください。Adobe Illustrator(AI)、Postscript(EPS)および PDF ファイル形式を参照してください。
INDD 形式の取り込みをサポートし、これらのファイル形式の動的レンディションを生成する場合、画像プリセットを作成する前に次の情報を確認することをお勧めします。InDesign(INDD)ファイル形式を参照してください。
Dynamic Media 画像プリセットを作成するには、管理者権限を持つ Experience Manager 管理者または Admin Console 管理者である必要があります。
Dynamic Media 画像プリセットを作成するには:
Adobe Experience Manager で、Adobe Experience Manager ロゴをタップしてグローバルナビゲーションコンソールにアクセスし、ツール/アセット/画像プリセットをタップします。
「作成」をクリックします。画像プリセットを編集ウィンドウが開きます。
この画像プリセットをレスポンシブにするには、「幅」フィールドと「高さ」フィールドの値を消去して空のままにします。
「基本」タブと「詳細」タブに、名前などの値を適宜入力します。オプションの概要については、画像プリセットオプションで説明しています。プリセットは左側のウィンドウに表示され、他のアセットにすぐに使用できます。
「保存」をクリックします。
レスポンシブな画像プリセットを作成するには、画像プリセットの作成の手順を実行します。画像プリセットを編集ウィンドウで高さと幅を入力する際に、これらの値を消去して空のままにします。
空のままにすることで、この画像プリセットがレスポンシブであることを Adobe Experience Manager に指示します。他の値は適宜変更できます。
画像プリセットをアセットに適用するときに「URL」ボタンと「RESS」ボタンを表示するには、アセットを公開する必要があります。
Dynamic Media - Scene7 モードでは、画像プリセットと画像アセットは自動的に公開されます。
Dynamic Media - ハイブリッドモードでは、画像プリセットと画像アセットを手動で公開する必要があります。
画像プリセットを作成または編集するときに、ここで説明するオプションを使用できます。またアドビは、最初に使用すべきオプションとして、以下の「ベストプラクティス」のオプションをお勧めします。
形式(「基本」タブ)- 「JPEG」または要件を満たす他の形式を選択します。JPEG 画像形式はすべての Web ブラウザーでサポートされ、小さなファイルサイズと画質のバランスが良い形式です。ただし、JPEG 形式の画像では非可逆圧縮方式が使用されるので、圧縮設定が低すぎる場合は望ましくない画像アーティファクトが発生する可能性があります。このため、アドビは圧縮品質を 75 に設定することをお勧めします。この設定は、画質と小さなファイルサイズのバランスが取れた設定です。
シンプルシャープを有効にする - 「シンプルシャープを有効にする」は選択しません(このシャープフィルターでは、アンシャープマスク設定よりも細かく制御できません)。
シャープ:再サンプリングモード — 選択 シャープ 2.
フィールド | 説明 |
名前 | わかりやすい名前を空白なしで入力します。名前に画像サイズの仕様を含めることで、ユーザーがこの画像プリセットを識別しやすくなります。 |
「幅」と「高さ」 | 画像が配信されるサイズをピクセル単位で入力します。「幅」と「高さ」は 0 ピクセルより大きい値にする必要があります。いずれかの値が 0 の場合、プリセットは作成されません。両方の値が空の場合、レスポンシブな画像プリセットが作成されます。 |
形式 | メニューから形式を選択します。 「JPEG」を選択すると、次の追加オプションを入力できます。
「GIF」または「アルファ付き GIF」を選択すると、以下の追加の「GIF カラー量子化」オプションを入力できます。
「PDF」、「TIFF」または「アルファ付き TIFF」を選択すると、以下の追加オプションを入力できます。
「PNG」、「アルファ付き PNG」または「EPS」を選択した場合は、追加オプションはありません。 |
シャープ | 「シンプルシャープを有効にする」オプションを選択すると、すべての拡大縮小の実行後、画像に対して基本的なシャープフィルターが適用されます。シャープにより、画像を異なるサイズで表示した場合に発生するぼかしを補うことができます。 |
フィールド | 説明 |
カラースペース | カラースペースとして、「RGB」、「CMYK」または「グレースケール」を選択します。 |
カラープロファイル | 作業プロファイルと異なる場合に、アセットの変換対象となる出力カラースペースプロファイルを選択します。 |
レンダリングインテント | デフォルトのレンダリングインテントを上書きできます。レンダリングインテントは、対象のカラープロファイルでは再現できない(色域外の)色をどうするかを定義します。レンダリングインテントは、ICC プロファイルと互換性がない場合は無視されます。
|
黒点補正 | 出力プロファイルでこの機能がサポートされている場合、このオプションを選択します。指定した ICC プロファイルと互換性がない場合、黒点補正は無視されます。 |
ディザリング | このオプションを選択すると、カラーバンディングアーティファクトを回避または軽減できる可能性があります。 |
シャープタイプ | 「なし」、「シャープ」または「アンシャープマスク」を選択します。
「アンシャープマスク」には次のオプションがあります。
シャープニングについては、画像のシャープニングを参照してください。
|
再サンプリングモード | 「再サンプリングモード」オプションを選択します。画像がダウンサンプリングされる場合に、以下のオプションによって画像がシャープニングされます。
|
プリント解像度 | この画像のプリント用解像度を選択します。デフォルトは 72 ピクセルです。 |
画像の修飾子 | UI で使用できる共通の画像設定のほか、Dynamic Media では「画像の修飾子」フィールドで画像の詳細を多数指定できます。これらのパラメーターは、Image Server プロトコルのコマンドリファレンス(英語)で定義されています。 重要:API にリストされている次の関数はサポートされていません。
|
「基本」タブと「詳細」タブで使用できるオプションに加えて、画像の修飾子を定義して、画像プリセットの定義でより多くのオプションを指定できます。画像のレンダリングは画像レンダリング API を利用しており、 HTTP プロトコルリファレンスで詳しく定義します。
画像の修飾子を使用して実行できることについて、以下に基本的な例を示します。
一部の画像修飾子は、Adobe Experience Manager では使用できません。
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
Adobe Experience Manager で、Adobe Experience Manager ロゴをタップしてグローバルナビゲーションコンソールにアクセスし、ツール/アセット/画像プリセットをタップします。
プリセットを選択し、「編集」をクリックします。画像プリセットを編集ウィンドウが開きます。
変更を加え、「保存」をクリックして変更を保存するか、「キャンセル」をクリックして変更をキャンセルします。
Dynamic Media - ハイブリッドモードを実行している場合、画像プリセットを手動で公開する必要があります。
(Dynamic Media - Scene7 モードを実行している場合、画像プリセットは自動的に公開されるので、以下の手順を実行する必要はありません)。
Dynamic Media で画像プリセットを公開するには - ハイブリッドモード:
Experience Manager で、Experience Manager ロゴをタップまたはクリックしてグローバルナビゲーションコンソールにアクセスし、ツールアイコンをタップまたはクリックして、アセット/画像プリセットの順に移動します。
画像プリセットのリストから該当する画像プリセットを選択し(複数選択可)「公開」をクリックまたはタップします。
画像プリセットが公開されると、ステータスが非公開から公開済みに変更されます。