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