現在表示中:

許容できる結果のレンダリングには多くの要因が関係するので、画質の最適化には時間がかかることがあります。画質に対する個人の感覚は異なるので、結果は一部主観的なものです。構造化された実験をおこなうことが重要になります。

AEM には、画像をチューニングおよび最適化して結果をレンダリングするための、100 を超えるダイナミックメディア画像配信コマンドがあります。次のガイドラインは、一部の基本コマンドとベストプラクティスを使用してこのプロセスを効率化し、すぐに良好な結果を得るために活用できます。

画像形式のベストプラクティス(&fmt=)

  • JPG または PNG は、管理しやすいサイズと重さで良い画質の画像を配信するための最適な選択肢です。

  • URL に format コマンドが含まれていない場合、ダイナミックメディア画像配信のデフォルトは JPG の配信になります。

  • JPG は 10:1 の比率で圧縮をおこない、通常は比較的小さい画像ファイルサイズになります。PNG は約 2:1 の比率で圧縮をおこないますが、画像に白の背景が含まれている場合など、一部のケースではこの比率になりません。ただし、通常は PNG ファイルのサイズは JPG ファイルよりも大きくなります。

  • JPG では非可逆圧縮が使用されます。非可逆圧縮では、圧縮中に画素(ピクセル)が失われます。これに対して、PNG では可逆圧縮が使用されます。

  • JPG では多くの場合、写真画像が、エッジやコントラストがシャープな合成画像よりも高い忠実度で圧縮されます。

  • 画像に透明部が含まれている場合は PNG を使用します。JPG では透明化がサポートされていません。

画像形式のベストプラクティスとして、まずは最も一般的な設定である &fmt=JPG を使用します。

画像サイズのベストプラクティス

画像サイズを動的に縮小することは、ごく一般的なタスクの 1 つです。サイズを指定し、さらにオプションでどのダウンサンプリングモードを使用して画像をダウンスケールするかを指定します。

  • 画像のサイズ設定における最も簡単で最適なアプローチは、&wid=<value>&hei=<value> の両方、または &hei=<value> のみを使用することです。これらのパラメーターによって、画像の幅が縦横比に合わせて自動的に設定されます。

  • &resMode=<value> は、ダウンサンプリングに使用するアルゴリズムを制御します。まずは &resMode=sharp2 を使用してください。この値によって最適な画質が設定されます。ダウンサンプリングを使用する場合は value=bilin のほうが速くなりますが、この設定では通常、アーティファクトのエイリアシングが実行されます。

画像のサイズ設定のベストプラクティスとしては、&wid=<value>&hei=<value>&resMode=sharp2 または &hei=<value>&resMode=sharp2 を使用してください。

画像のシャープに関するベストプラクティス

画像のシャープは、Web サイト上の画像を管理するうえで最も難しい操作であり、多くの誤りが発生するところです。次の補助的なリソースを参照して、AEM でのシャープおよびアンシャープマスクの仕組みについて詳しく確認してください。

ベストプラクティスに関するホワイトペーパー『Adobe Scene7 Publishing System および Image Server での画像のシャープ』の内容は AEM にも適用されます。

Adobe TV で、アンシャープマスクを使用した画像のシャープを参照してください。

AEM を使用すれば、取り込み時、配信時またはその両方で画像をシャープできます。ただし、ほとんどの場合は、両方ではなくどちらか一方の方法のみを使用して画像をシャープしてください。一般に、配信時に URL 上で画像をシャープすることで、最適な結果が得られます。

画像のシャープでは、次の 2 つの方法を使用できます。

  • シンプルシャープ(&op_sharpen) - Photoshop で使用するシャープフィルターと同様に、シンプルシャープでは、動的なサイズ変更の後に、画像の最終表示形に対して基本的なシャープを適用します。ただし、この方法ではユーザーによる設定は不可能です。ベストプラクティスは、必要な場合を除いて &op_sharpen を使用しないことです。

  • アンシャープマスク(&op_USM) - アンシャープマスクは、業界標準のシャープフィルターです。ベストプラクティスは、以下のガイドラインに従ってアンシャープマスクを使用して画像をシャープすることです。アンシャープマスクによって、次の 3 つのパラメーターを制御できます。

    • &op_sharpen=amount,radius,threshold

      • amount(0~5、効果の強さ)

      • radius(0~250、シャープされるオブジェクトの周囲に描かれる「シャープ線」の幅、ピクセル単位)

        radius パラメーターと amount パラメーターは互いに反対に作用することに注意してください。radius 値の減少は、amount 値の増加によって補うことができます。radius によって、より細やかな制御が可能になります。値が小さいとエッジ部のピクセルのみがシャープされ、値が大きいとより幅広いピクセルがシャープされます。

      • threshold(0~255、効果の感度)

        このパラメーターは、シャープされるピクセルが周囲の領域とどの程度違えば、そのピクセルをエッジのピクセルと見なしてフィルターによりシャープするかを決定するものです。この threshold によって、肌のトーンなど、同じような色の領域を過剰にシャープすることを防ぎます。例えば、threshold の値を 12 にした場合、肌のトーンの明るさにわずかな差があっても無視して「ノイズ」が加わるのを防ぎながら、まつげと肌が隣り合う場所など、コントラストの高い領域に対してエッジコントラストを追加することができます。

      フィルターを使用したベストプラクティスを含む、これら 3 つのパラメーターの設定方法について詳しくは、次のリソースを参照してください。

      画像のシャープに関する AEM ヘルプトピック。

      ベストプラクティスに関するホワイトペーパー『Adobe Scene7 Publishing System および Image Server での画像のシャープ』。

    • AEM では第 4 パラメーターの monochrome (0,1) も制御できます。このパラメーターでは、アンシャープマスクをそれぞれの色成分に個別に適用するか(値が 0 の場合)、または画像の明るさ/明度に対して適用するか(値が 1 の場合)を指定します。

ベストプラクティスとして、まずはアンシャープマスクの radius パラメーターを使用します。手始めに使用できる radius 設定は次のとおりです。

  • Web サイト:0.2~0.3 ピクセル

  • 写真印刷(250~300 ppi):0.3~0.5 ピクセル

  • オフセット印刷(266~300 ppi):0.7~1.0 ピクセル

  • キャンバス印刷(150 ppi):1.5~2.0 ピクセル

amount を 1.75 から 4 まで少しずつ増やします。シャープの結果に満足できない場合は、radius を小数点以下の単位で増やして、再度 amount を 1.75 から 4 の範囲で実行します。必要に応じてこの手順を繰り返します。

monochrome パラメーター設定は 0 のままにします。

JPEF 圧縮のベストプラクティス(&qlt=)

  • このパラメーターでは、JPG エンコーディング品質を制御します。値が大きいほど高画質になりますがファイルサイズも大きくなります。逆に、値が小さいほど低画質になりますがファイルサイズは小さくなります。このパラメーターの範囲は 0~100 です。

  • 画質を最適化するには、このパラメーターの値を 100 に設定しないでください。90 や 95 の設定と 100 の設定では、画質の差はほとんど感じられませんが、100 に設定することで画像ファイルのサイズが不必要に増加します。したがって、画質を最適化しながら画像ファイルが大きくなりすぎないようにするために、qlt= の値は 90 または 95 に設定します。

  • 画像ファイルのサイズを抑えながら、画質を許容できるレベルで維持するように最適化するには、qlt= の値を 80 に設定します。70~75 またはそれ以下の値の場合、画質が大幅に低下します。

  • ベストプラクティスとして、間を取って qlt= の値を 85 に設定します。

  • qlt= での色度フラグの使用

    • qlt= パラメーターには、RGB 色度のダウンサンプルを有効にする第 2 の設定があります。この設定を有効にするには値 1 を使用し、無効にするには値 0 を使用します。

    • 簡易な設定を維持するため、まずは RGB 色度のダウンサンプルを無効にします(,0)。この設定により、通常は高画質になります。特に、シャープなエッジやコントラストが多く含まれる合成画像で高画質になります。

JPG 圧縮のベストプラクティスとして、&qlt=85,0 を使用します。

JPEG サイズ設定のベストプラクティス(&jpegSize=)

jpegSize は、メモリ容量が限られているデバイスに配信される画像が特定のサイズを超えないことを保証する場合に便利なパラメーターです。

  • このパラメーターはキロバイト単位で設定します(jpegSize=<size_in_kilobytes>)。画像配信で許可される最大サイズを定義します。

  • &jpegSize= は、JPG 圧縮パラメーターである &qlt= と相互に作用します。指定された JPG 圧縮パラメーター(&qlt=)での JPG 応答が jpegSize の値を上回らない場合、画像は &qlt= で定義されたとおりに返されます。jpegSize の値を上回る場合は、&qlt= が少しずつ減らされ、画像のサイズが許可された最大サイズ内に収められるか、またはシステムによってそのサイズ内に収まらないと判断された場合はエラーが返されます。

ベストプラクティスとしては、&jpegSize= を設定し、メモリ容量が限られているデバイスに JPG 画像を配信する場合は &qlt= パラメーターを追加します。

ベストプラクティスのまとめ

ベストプラクティスとして、ファイルサイズを小さくして高画質を達成するには、次のパラメーターの組み合わせで始めます。

fmt=jpg&qlt=85,0&resMode=sharp2&op_usm=1.75,0.3,2,0

この設定の組み合わせによって、ほとんどの状況で優れた結果になります。

画像をさらに最適化する必要がある場合は、シャープ(アンシャープマスク)のパラメーターを少しずつ微調整します。まずは、radius を 0.2 または 0.3 に設定します。また、amount を 1.75 から最大 4(Photoshop での 400 %に相当)まで少しずつ増やします。この状態で、求めている結果が得られるかを確認します。

シャープの結果でも満足できない場合は、radius の小数点以下を増やします。小数点以下を増やすごとに、amount を 1.75 からやり直し、4 まで少しずつ増やします。求めている結果になるまで、このプロセスを繰り返します。これらの値は、制作スタジオで実際に検証した手法ではありますが、初期値として別の値を使用し、他の戦略に従っても問題ありません。結果が満足できるものであるかは主観的な問題ですので、構造化された実験をおこなうことが重要です。

実験をおこなう際には、ワークフローを最適化するための次の一般的な推奨事項も役に立つでしょう。

  • 異なるパラメーターをリアルタイムでテストします。その際には、URL 上で直接使用するか、調整操作のリアルタイムプレビューが可能な Scene7 Publishing System の画像調整機能を使用します。

  • ベストプラクティスとして、ダイナミックメディア画像サービングコマンドを画像プリセット内にまとめることができます。画像プリセットは基本的に、$thumb_low$、&product_high$ といったカスタムプリセット名が付けられた URL コマンドマクロです。URL パス内でカスタムプリセット名を指定すると、これらのプリセットがコールされます。この機能によって、Web サイトでの様々な画像使用パターンに応じたコマンドと画質設定を管理でき、URL の全体的な長さを短縮することができます。

  • AEM では、取り込み時に画像のシャープを適用するなど、高度な画質調整機能を提供しています。レンダリング結果をさらに調整して最適化するためにこの機能を利用できるような高度なユースケースについては、Adobe Professional Services がお客様向けにカスタマイズした見識やベストプラクティスを提供して支援いたします。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー