画質を最適化するためのベストプラクティス

許容範囲内の結果のレンダリングには多数の要因が関係することから、画質の最適化に時間がかかることもあります。知覚される画質は各個人で異なるので、結果はある程度主観的なものと言えます。構造的に実験を行うことが重要です。

Dynamic Mediaクラシックには、画像の調整と最適化、および結果のレンダリングを行うための100を超える画像サービングコマンドが含まれています。 重要なコマンドおよびベストプラクティスを使用して、このプロセスを効率化し、良い結果をすばやく得るために、次のガイドラインが役に立ちます。

スマートイメージングも参照してください。

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

  • 良い画質および扱いやすいサイズと幅で画像を配信するには、JPG または PNG が最良の選択肢です。
  • URLに形式コマンドが指定されていない場合、Dynamic Media画像サービングの初期設定では、配信はJPGになります。
  • JPG は 10:1 の比率で圧縮され、通常は比較的小さい画像ファイルサイズになります。PNGは約2:1の比率で圧縮されますが、画像に空の背景が含まれる場合など、一部のケースでは圧縮されます。 ただし、一般的に PNG ファイルのサイズは JPG ファイルよりも大きくなります。
  • JPG は非可逆圧縮を使用します。この方式では、圧縮中に画像要素(ピクセル)が消失します。一方、PNG は可逆圧縮を使用します。
  • JPG では、シャープなエッジとコントラストを持つ人工的な画像よりも写実的な画像の方がより忠実に圧縮されます。
  • 画像に透明部分が含まれる場合は、PNG を使用します。JPG では透明化がサポートされません。

画像形式のベストプラクティスとして、最も一般的な設定&fmt=JPGを持つ開始を行います。

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

画像サイズの動的な縮小は、Dynamic Media画像サービングで実行される最も一般的なタスクの1つです。 このタスクでは、サイズを指定し、さらにオプションとして画像の縮小に使用するダウンサンプリングモードを指定します。

  • 画像サイズに関しては、&wid=<value>&hei=<value>を使用するか、単に&hei=<value>を使用するのが、最も適切で簡単な方法です。 これらのパラメーターにより、縦横比に応じて画像の幅が自動的に設定されます。
  • &resMode=<value> ダウンサンプリングに使用するアルゴリズムを制御します。&resMode=sharp2との開始。 この値により、最良の画質になります。ダウンサンプリング値=bilinを使用する方が高速ですが、アーチファクトのエイリアシングを引き起こすことがよくあります。

画像サイズ変更のベストプラクティスとして、&wid=<value>&hei=<value>&resMode=sharp2または&hei=<value>&resMode=sharp2を使用します

画像へのシャープ適用のベストプラクティス

画像へのシャープ適用は、Web サイト上の画像を管理する上で最も複雑な側面であり、ミスが多く起きるところです。以下の役立つリソースを参照し、Dynamic Mediaクラシックでのシャープ適用とアンシャープマスクの仕組みを詳しく学習してください。

ベストプラクティスに関するホワイトペーパーAdobeDynamic MediaクラシックおよびImage Serverに画像にシャープを適用します。

Dynamic Mediaクラシックでは、取り込み時、配信時、またはその両方で画像にシャープを適用できます。 ただし、ほとんどの場合は、両方ではなくいずれかの方法のみを使用して画像にシャープを適用することをお勧めします。通常は、配信時に 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、効果の感度)

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

        フィルターで使用するベストプラクティスを含む、これら3つのパラメーターの設定方法について詳しくは、Adobe Scene7パブリッシングシステムおよびImage Serverでの画像へのシャープの適用を参照してください。

      • Dynamic Mediaクラシックでは、4番目のパラメーターも制御できます。モノクロ(0,1)。 このパラメーターは、アンシャープマスクが各カラーコンポーネントに個別に適用されるか(値 0 を使用)、画像の明るさ/適用度に適用されるか(値 1 を使用)を示します。

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

  • Web サイト:0.2 ~ 0.3 pixel
  • 写真印刷(250 ~ 300 ppi):0.3 ~ 0.5 pixel
  • オフセット印刷(266 ~ 300 ppi):0.7 ~ 1.0 pixel
  • カンバス印刷(150 ppi):1.5 ~ 2.0 pixel

amount を 1.75 から 4 まで徐々に増やします。シャープ適用で必要な効果が得られない場合は、radius を小数単位で増やして、もう一度 amount を 1.75 ~ 4 の間で動かします。必要に応じて繰り返します。

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

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

  • このパラメーターは JPG エンコーディングの画質を制御します。値を高く設定すると画質は上がりますがファイルサイズが大きくなり、低く設定すると画質は下がりますがファイルサイズが小さくなります。このパラメーターの範囲は 0 ~ 100 です。

  • 高画質を目的として最適化する場合にも、このパラメーターの値を 100 以外に設定してください。90 や 95 の設定と 100 の設定の違いはほぼ認識できない程度ですが、100 を設定すると画像ファイルのサイズが不必要に増加します。したがって、画質を上げるために最適化を行いながら、画像ファイルが大きくなりすぎないようにするには、qlt=値を90または95に設定します。

  • 小さい画像ファイルサイズに対して最適化を行いながら、画質を許容可能なレベルに維持するには、qlt=値を80に設定します。 70 ~ 75 以下の値に設定すると、画質が大幅に低下します。

  • ベストプラクティスとして、中央にとどまるには、qlt=値を85に設定し、中央に留まるようにします。

  • qlt= = での chroma フラグの使用

    • qlt=パラメーターには、標準値,0(デフォルト)を使用してRGB色度ダウンサンプリングをオンにするか、値,1を使用してオフにする第2の設定があります。
    • 簡単にするために、RGB色度ダウンサンプリングをオフにした開始(,1)。 この設定により通常は画質が上がります。特にシャープなエッジやコントラストを多く含む人工的な画像ではそうなります。

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

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

jpegSize は、メモリに制約のあるデバイスに配信するために画像が特定のサイズを上回らないようにする場合に便利なパラメーターです。

  • このパラメーターはキロバイト単位(jpegSize=<size_in_kilobytes>)で設定します。 このパラメーターには、画像配信で許可される最大サイズを定義します。
  • &jpegSize= は、JPG圧縮パラメーターとやり取り &qlt=します。指定したJPG圧縮パラメーター(&qlt=)を含むJPG応答がjpegSize値を超えない場合、画像は&qlt=の定義に従って返されます。 それ以外の場合は、&qlt=が徐々に減らされ、画像が許容される最大サイズに合うか、または画像が許容されないと判断されてエラーが返されます。

ベストプラクティスとして、メモリに制約のあるデバイスにJPG画像を配信する場合は、&jpegSize=を設定し、パラメーター&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 まで増やします。求められる結果が得られるまで、このプロセスを繰り返します。上記の値は、制作スタジオで検証されてきたアプローチですが、他の値から始めて、別の方法に従っても問題ありません。ユーザーが満足できる結果であるかどうかは主観的な問題であるので、構造化された実験が重要になります。

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

  • 様々なパラメーターをリアルタイムでテストします。例えば、Dynamic MediaクラシックURLで直接テストする場合や、調整操作にリアルタイムプレビューを提供するDynamic Mediaクラシックの画像調整機能を使用する場合です。
  • ベストプラクティスとして、Dynamic Media画像サービングコマンドを画像プリセットにグループ化できます。 画像プリセットは、基本的に、$thumb_low$&product_high$などのカスタムプリセット名を持つURLコマンドマクロです。 URL パス内にカスタムプリセット名を指定すると、そのプリセットが呼び出されます。この機能により、Web サイト上での様々な画像使用パターンに関するコマンドおよび画質設定を管理でき、URL 全体の長さを短縮することもできます。
  • また、Dynamic Mediaクラシックでは、画質を調整するためのより高度な方法も提供されています。例えば、取り込み時に画像にシャープを適用できます。 レンダリング結果をさらに微調整して最適化する高度な使用例については、アドビのプロフェッショナルサービスまでお問い合わせください。個々のお客様向けの情報とベストプラクティスを提供いたします。

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now