画像プリセットを使用すると、AEM Assets は異なるサイズや異なる形式の画像、あるいは動的に生成された他の画像プロパティを設定した画像を動的に配信できます。各画像プリセットは、画像表示用のサイズやフォーマットに関するコマンドの事前定義済みコレクションを表します。画像プリセットの作成時には、画像配信用のサイズを選択します。またフォーマットコマンドも選択し、表示対象画像の配信時に画像の見た目が最適化されるようにします。
管理者は、アセットを書き出すためのプリセットを作成できます。ユーザーは画像を書き出すときにプリセットを選択できます。また、この操作によって、管理者が指定した仕様に合わせて画像が再フォーマットされます。
レスポンシブな画像プリセットを作成することもできます。アセットにレスポンシブな画像プリセットを適用すると、画像が表示するデバイスや画面サイズに応じて変化します。画像プリセットは、RGB またはグレーに加えて CMYK をカラースペースで使用するよう設定できます。
ここでは、画像プリセットを作成、変更および全般的に管理する方法について説明します。作成者は画像をプレビューするときに、いつでも画像プリセットを適用できます。詳しくは、画像プリセットの適用を参照してください。
スマートイメージングは、既存の画像プリセットで機能し、配信の直前にインテリジェンスを使用して、ブラウザーまたはネットワークの接続速度に基づいて画像のファイルサイズをさらに低減します。詳しくは、スマートイメージングを参照してください。
画像プリセットは、ソフトウェアマクロと同様に、サイズとフォーマットに関するコマンドの事前定義済みのコレクションで、名前を付けて保存されます。 画像プリセットの仕組みを理解するために、Web サイトで各商品画像を、デスクトップ配信用とモバイル配信用に異なるサイズ、異なる形式および圧縮率で表示する必要があるとします。
次の 2 つの画像プリセットを作成できます。デスクトップバージョンの場合は 500 x 500 ピクセル、モバイルバージョンの場合は 150 x 150 ピクセルです。次の名前の 2 つの画像プリセットを作成します。 拡大 500 x 500 ピクセルで表示するために サムネール 150 x 150 ピクセルで画像を表示する。拡大およびサムネールサイズで画像を配信する場合、AEMでは「拡大画像プリセット」と「サムネール画像プリセット」の定義を検索します。次に、AEMは各画像プリセットのサイズと形式の仕様に従って画像を動的に生成します。
この場合、動的に配信されるときに画像のサイズを削減すると、シャープさと細部の表現が失われる可能性があります。この理由で、各画像プリセットには、画像を特定のサイズで配信するときに最適化するためのフォーマット用のコントロールが含まれています。これらのコントロールによって、Web サイトまたはアプリケーションに画像が配信されるときに、画像がシャープでクリアに表示されるようになります。
管理者が画像プリセットを作成できます。画像プリセットを作成する際に、最初から作業を始めることも、既存のプリセットから始めて新しい名前で保存することもできます。
AEMで画像プリセットを管理するには、AEMのロゴをタップしてグローバルナビゲーションコンソールにアクセスし、ツールアイコンをタップして次の場所に移動します。 アセット/画像プリセット.
作成した画像プリセットは、アセットをプレビューまたは配信する際の動的レンディションとしても使用できます。
Dynamic Media - Scene7 モードでは、画像プリセットは自動的に公開されるので、ユーザーが画像プリセットを公開する必要はありません。
Dynamic Media - ハイブリッドモードでは、画像プリセットを手動で公開する必要があります。
画像プリセットの公開を参照してください。
アセットの詳細表示で「レンディション」を選択すると、様々なレンディションがシステムによって表示されます。表示される画像プリセットの数を増減させることができます。表示される画像プリセット数の引き上げを参照してください。
AI、EPS および PDF 形式の取り込みをサポートし、これらのファイル形式の動的レンディションを生成する場合、画像プリセットを作成する前に次の情報を確認することをお勧めします。
Adobe Illustrator のファイル形式は PDF のバリアントです。AEM Assets における主な違いは、次のとおりです。
サブアセットは、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 ファイルのサムネールが生成されるようになりました。
メタデータプロパティ | 説明 |
---|---|
dam:Physicalwidthininches | ドキュメントの幅(インチ単位) |
dam:Physicalheightininches | ドキュメントの高さ(インチ単位) |
DAM アセットの更新ワークフローを使用して、PDF/AI 画像プレビューレンディションをラスタライズプロセスコンポーネントのオプションにアクセスします。
左上の Adobe Experience Manager をタップし、ツール/ワークフロー/モデルに移動します。の ワークフローモデル ページ、選択 DAM アセットの更新をクリックし、ツールバーで 編集. の DAM アセットの更新ワークフロー ページで、をダブルタップします。 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 に提供する必要があります。
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 Process Image Assets 「ステップ」、「 サムネール タブをクリックします。 必要に応じてサムネールのサイズを変更し、「OK」をタップします。
サムネールを処理のステップをタップし、「サムネール」タブをタップします。必要に応じてサムネールのサイズを変更し、をタップします。 OK.
サムネールを処理ステップのサムネール引数の値が、Dynamic Media プロセスの画像アセットステップのサムネール引数と一致する必要があります。
「保存」をタップしてワークフローに対する変更を保存します。
作成した画像プリセットは、アセットをプレビューする際の動的レンディションとして使用できます。AEM で、詳細表示/レンディションからアセットを表示すると、様々な動的レンディションが表示されます。表示されるレンディション数の制限を増減させることができます。
表示されるDynamic Media画像プリセット数を増減させるには::
に移動します。 CRXDE Lite (http://localhost:4502/crx/de) をクリックします。
画像プリセットリストノード(/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist
)に移動します。
内 制限 プロパティを変更するには、 値:デフォルトで 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画像プリセットを作成するには、AEM管理者またはAdmin Console管理者としての管理者権限が必要です。
Dynamic Media画像プリセットを作成するには::
AEM で、AEM ロゴをタップして、グローバルナビゲーションコンソールにアクセスします。
「ツール」アイコンをタップし、アセット/画像プリセットに移動します。
「作成」をタップします。
この画像プリセットをレスポンシブにするには、「幅」フィールドと「高さ」フィールドの値を消去して空のままにします。
の 画像プリセットを編集 ページで、 基本 および 詳細 必要に応じてタブに名前を追加します。 オプションの概要については、画像プリセットオプションで説明しています。プリセットは左側のウィンドウに表示され、他のアセットにすぐに使用できます。
「保存」をクリックします。
レスポンシブな画像プリセットを作成するには、画像プリセットの作成の手順を実行します。画像プリセットを編集ウィンドウで高さと幅を入力する際に、これらの値を消去して空のままにします。
空のままにすることで、この画像プリセットがレスポンシブであることを示します。他の値は適宜変更できます。
画像プリセットをアセットに適用するときに「URL」ボタンと「RESS」ボタンを表示するには、アセットを公開する必要があります。
Dynamic Media - Scene7 モードでは、画像プリセットと画像アセットは自動的に公開されます。
Dynamic Media - ハイブリッドモードでは、画像プリセットと画像アセットを手動で公開する必要があります。
画像プリセットを作成または編集するときに、ここで説明するオプションを使用できます。さらに、Adobeでは次の 3 つを推奨します ベストプラクティス 開始するオプションの選択:
フィールド | 説明 |
名前 | わかりやすい名前を空白なしで入力します。名前に画像サイズの仕様を含めることで、ユーザーがこの画像プリセットを識別しやすくなります。 |
「幅」と「高さ」 | 画像が配信されるサイズをピクセル単位で入力します。「幅」と「高さ」は 0 ピクセルより大きい値にする必要があります。いずれかの値が 0 の場合、プリセットは作成されません。両方の値が空の場合、レスポンシブな画像プリセットが作成されます。 |
形式 | メニューから形式を選択します。 「JPEG」を選択すると、次の追加オプションを入力できます。
「GIF」または「アルファ付き GIF」を選択すると、以下の追加の「GIF カラー量子化」オプションを入力できます。
「PDF」、「TIFF」または「アルファ付き TIFF」を選択すると、以下の追加オプションを入力できます。
「PNG」、「アルファ付き PNG」または「EPS」を選択した場合は、追加オプションはありません。 |
シャープ | 「シンプルシャープを有効にする」オプションを選択すると、すべての拡大縮小の実行後、画像に対して基本的なシャープフィルターが適用されます。シャープにより、画像を異なるサイズで表示した場合に発生するぼかしを補うことができます。 |
フィールド | 説明 |
カラースペース | カラースペースとして、「RGB」、「CMYK」または「グレースケール」を選択します。 |
カラープロファイル | 作業プロファイルと異なる場合にアセットの変換対象となる出力カラースペースプロファイルを選択します。 |
レンダリングインテント | デフォルトのレンダリングインテントを上書きできます。レンダリングインテントは、対象のカラープロファイルでは再現できない(色域外の)色をどうするかを定義します。レンダリングインテントは、ICC プロファイルと互換性がない場合は無視されます。
|
黒点補正 | 出力プロファイルでこの機能がサポートされている場合、このオプションを選択します。指定した ICC プロファイルと互換性がない場合、黒点補正は無視されます。 |
ディザリング | このオプションを選択すると、カラーバンディングアーティファクトを回避または軽減できる可能性があります。 |
シャープタイプ | 「なし」、「シャープ」または「アンシャープマスク」を選択します。
「アンシャープマスク」には次のオプションがあります。
シャープニングについては、
Adobe Dynamic Media Classicの画質とシャープのベストプラクティス.
|
再サンプリングモード | 「再サンプリングモード」オプションを選択します。画像がダウンサンプリングされる場合に、以下のオプションによって画像がシャープニングされます。
|
プリント解像度 | この画像のプリント用解像度を選択します。デフォルトは 72 ピクセルです。 |
画像の修飾子 | UI で使用できる共通の画像設定のほか、Dynamic Media では「画像の修飾子」フィールドで画像の詳細を多数指定できます。これらのパラメーターは、Image Server プロトコルのコマンドリファレンス(英語)で定義されています。 重要:API にリストされている次の関数はサポートされていません。
|
また、 基本 および 詳細 「 」タブを使用すると、画像の修飾子を定義して、画像プリセットを定義する際の他のオプションを指定できます。 画像のレンダリングは、Dynamic Media Image Rendering API に依存しています。 API の詳細は、 HTTP プロトコルリファレンス.
画像の修飾子を使用して実行できることについて、以下に基本的な例を示します。
一部の画像の修飾子は、AEM で使用できません。
op_invert - それぞれの色成分を、画像の効果が反対になるように逆転させます。
&op_invert=1
op_blur - 画像にぼかしフィルターを適用します。
&op_blur=25
コマンドの組み合わせ - op_blur と op-invert
&op_invert=1&op_blur=25
op_brightness - 明るさを増減させます。
&op_brightness=75
opac - 画像の不透明度を調節します。前景の不透明度を減らすことができます。
opac=50
画像プリセットを編集するには::
AEM で、AEM ロゴをタップして、グローバルナビゲーションコンソールにアクセスします。
「ツール」アイコンをタップし、アセット/画像プリセットに移動します。
プリセットを選択し、をタップします。 編集.
の 画像プリセットを編集 ページで、必要な変更を行い、をタップします。 保存.
Dynamic Media - ハイブリッドモードを実行している場合、画像プリセットを手動で公開する必要があります。
Dynamic Media - Scene7モードを実行している場合、画像プリセットは自動的に公開されます。これらの手順を完了する必要はありません。
Dynamic Media — ハイブリッドモードで画像プリセットを公開するには::
AEM で、AEM ロゴをタップして、グローバルナビゲーションコンソールにアクセスします。
「ツール」アイコンをタップし、アセット/画像プリセットに移動します。
画像プリセットのリストから目的の画像プリセットを 1 つ以上選択し、をタップします。 公開.
画像プリセットが公開されると、ステータスが非公開から公開済みに変更されます。