画像をシャープにする

シャープとは、デジタル画像のアウトラインを鮮明に表示するための画像操作方法です。シャープの適用によって、エッジのピクセル間のコントラストが大きくなり、領域の明暗が強調されます。また、局所的なコントラストも大きくなるので、微細な部分がはっきりと表示されます。すべての画像に正しくシャープを適用できる決まった方法はありません。シャープが足りなければ、ぼやけた画像になりますが、過剰なシャープは、ハロー、アーチファクトおよびノイズの原因になります。

AdobeDynamic Media Classicでは、すべての画像に画像プリセットを使用することを強くお勧めします。 画像プリセットを使用して呼び出される画像に対して、均一なサイズとシャープが適用されます。 さらに、画像プリセットのシャープパラメーターの編集と変更を簡単におこなえます。 次回に公開する際、そのプリセットで呼び出されたすべての画像には新しい値が与えられます。

AdobeDynamic Media Classicでは、ビューアプリセットにシャープを追加して、そのプリセットでビューアを呼び出すこともお勧めします。 これにより、ビューア内の画像が鮮明で魅力的になります。

ただし、画像プリセットとビューアプリセット、または別のシャープニング方法を使用する場合は、画像にシャープを適用する必要があります。 そうしないと、画像(およびWebサイト)が柔らかくぼやけて見えます。

メモ

「シャープ」コマンドは、シャープ効果を含めた画像プリセット設定を上書きします。画像プリセットは、Dynamic Media Image Serverから画像を配信する際に使用するサイズと形式を管理します。 AdobeDynamic Media Classicでは、画像を均一なサイズでシャープに配信するために、すべての画像を配信する場合に画像プリセットを使用することを強くお勧めします。 ただし、いったん個別の画像にシャープを設定すると、その後、画像プリセットのシャープ設定が画像に適用されなくなります。このような画像は、画像プリセットのシャープ設定を適用せずに配信されます。

多くの場合、画像にシャープを適用する必要があります。AdobeDynamic Media ClassicとImage Serverには、いくつかのシャープオプションが用意されています。 シャープの適用が画像に与える影響や、シャープの適用がどの程度必要であるか理解することが重要です。ほとんどの画像にシャープを適用する必要がありますが、要求される程度は画像によって異なります。

画像にシャープを適用すると、ピクセルのコントラストが増加し、エッジの強調効果が出ます。人間は、この強調されたエッジのコントラストをシャープとして認識します。画像にシャープフィルタを適用して、画像を強調することは簡単ですが、画像にシャープを適用しすぎることも多くなります。

画像にシャープを適用しすぎると、光輪効果または境界線のバンディングが発生します。

Dynamic Media ClassicとDynamic Media Image Serverで画像のシャープを最適化するためのベストプラクティスがあります。

AdobeDynamic Media ClassicおよびDynamic Media Image Serverで画像をシャープにするためのベストプラクティス 」を参照してください。

画像にシャープを適用する方法:

画像をシャープにするには、ロールオーバーの「編集」ボタンを選択して「シャープ」を選択するか、詳細ビューの参照パネルで画像を開いて「シャープ」を選択します。 シャープエディターページが開き、シャープコマンドが表示されます。 コマンドを選択し、「保存」を選択します。

メモ

画像にシャープを適用する前に、プリセットを適用メニューを選択し、画像プリセットを選択して、そのシャープ効果を確認します。画像プリセットのシャープ効果は、画像に適しています。 プリセットの適用​メニューは、シャープネスエディタページの下部に表示されます。

シャープオプション

以下の表には、Image Server の「シャープの適用」オプションが示されています。

名前 URL プロトコル
単純なシャープの適用 op_sharpen 0 または 1 op_sharpen=1
再サンプルモード resMode bilin, bicub, sharp2, trilin

bilin:標準のバイリニア補間を選択します。最速の再サンプリング方法目に見えるエイリアスアーティファクトが発生する場合が多い。
bicub:バイキュービック補間を選択します。bilin よりも CPU 使用率が増えますが、エイリアシングアーチファクトが少ないシャープな画像になります。

sharp2:修正されたLanczos Windows®関数を補間アルゴリズムとして選択します。バイキュービック法よりも少しシャープな結果が得られ、CPUコストがかかります。

trilin:修正トリリニア補間を選択し、可能な場合は、高い解像度と低い解像度の両方を使用します。エイリアシングが問題となっている場合にのみ使用することをお勧めします。周波数の高いデータが削減されることから、JPEG のサイズが小さくなります。
resMode=sharp2
アンシャープマスク op_usm amount, radius, threshold, monochrome

amount:フィルターの強さ係数(実数0 ~ 5)

radius:カーネル半径をピクセル単位でフィルター(実数0 ~ 250)

threshold:フィルターしきい値レベル(整数0 ~ 255)

monochrome:をに設定す 0 ると、各カラーコンポーネントに個別にアンシャープマスクが適用さ 1 れ、画像の明るさ(強さ)をアンシャープマスクするにはに設定します。
op_usm=1,1,10,0

シャープ​メニューを選択し、次のいずれかのオプションを選択します。

  • なし — シャープを無効にします。

  • シャープ — ファイルのサイズを変更した後に、単純なシャープパスを実行します。これは、Adobe Photoshopの「シャープ」フィルターに似ており、ユーザーパラメーターをサポートしています。 通常は、このフィルターまたは​アンシャープマスク​を使用しますが、両方を使用することはできません。 ベストプラクティスとしてこの方法が推奨されることはありませんが、ボケの補正に役立ちます。(URL: op_sharpen)

  • アンシャープマスク — ダウンサンプリングされた最終的な画像に対するシャープフィルター効果を微調整できます。効果の強さ、効果の半径(ピクセル単位)、無視されるコントラストのしきい値を制御できます。 この効果は、Photoshop の「アンシャープマスク」フィルタと同じオプションを使用します。(URL:op_usm)

アンシャープマスクを使用してシャープを微調整できるように、次のオプションを選択します。

  • — 端のピクセルに適用されるコントラストを制御します。初期設定値は 0.0 です。高解像度画像では、この値を 5.0 まで高めることができます。適用量は、フィルタ強度の度合いと考えることができます。Dynamic Media ClassicAdobeの​​設定は、Adobe Photoshopの量設定とは異なります。 Adobe Photoshopでは1~500%の範囲の値が使用されますが、AdobeDynamic Media Classicでは0.0~5.0の範囲で拡張されます。 (例えば、Photoshop では 5.0 は約 500%に相当し、0.9 は 90%に相当します)。

  • 半径 — シャープに影響するエッジピクセルの周囲のピクセル数を決定します。この効果は、画像内のすべてのピクセル上で実行され、全方向に放射されます。

最善の半径値は、画像のサイズに依存します。この値を小さく設定すると、端のピクセルのみにシャープが適用されます。大きい値に設定すると、広い範囲のピクセルにシャープが適用されます。

例えば、2000 x 2000ピクセルの画像と500 x 500ピクセルの画像に対して同様のシャープニング効果を得るには、2000 x 2000ピクセルの画像の半径値を2ピクセルに設定します。 次に、500 x 500 pixel の画像で 1 pixel の半径値を設定します(値が高いほど、画像のピクセルが多くなります)。

  • しきい値 — アンシャープマスクフィルターを適用した場合に無視するコントラストの範囲を指定します。このオプションは、シャープを適用するピクセルが周囲の領域とどの程度異なれば、端のピクセルとみなされシャープが適用されるかを指定します。

しきい値は、0 ~ 255の値を使用します。これは、グレースケール画像の明るさのステップ数です。 0 = 黒、128 = 50%グレー、および 255 = 白。例えば、しきい値に 12 を指定すると、肌のトーンの明るさがわずかに変化しても無視され「ノイズ」が追加されません。一方、まつげと皮膚が接触する場所のようにコントラストの強い場所にはエッジのコントラストが追加されます。

例として、ある人物の顔写真があるとします。アンシャープマスクを適用すると、画像の中でコントラストの大きな部分に加えて滑らかな肌自体も影響を受けます。滑らかな肌でも、明るさの値によって微妙な変化を示します。しきい値を使用しない場合、フィルタによって肌のピクセルの微妙な変化が強調され、ノイズの多い効果(おそらく望ましくない)が発生する一方、まつげのコントラストが増加し、シャープさが強調されます(おそらく望ましい)。これを防ぐには、しきい値を使用して、滑らかな肌のようにコントラストが急激に変化しないピクセルは無視するフィルターとなるようにします。肉色のノイズやポスタリゼーションイン画像が入り込むのを避け、例えば、Threshold​の値を2~20に試してみます。 デフォルト値の​しきい値​は、画像内のすべてのピクセルをシャープにします。

  • 適用先 — 各カラーコンポ ーネ ントに対してシャープを個別に適用する場合は、各カラーを選択します。画像の ​明るさの領域にシャープを適用する場合は、「明るさ」を選択します。

再サンプリング

再サンプリング​メニューを選択し、オプションを選択します。 これらのオプションは、ダウンサンプリングした画像をシャープにします。

  • なし — 再サンプリングをオフにします。

  • バイリニア法 — 最速の再サンプリング方法。目に見えるエイリアスアーティファクトが一部発生します。

  • バイキュービック法 - Image ServerのCPU使用率は向上しますが、目に見えるエイリアスアーティファクトが減少し、よりシャープな画像が生成されます。

  • Sharpen2 - Bicubic よりも少しシャープな結果が得ら​れますが、Image ServerのCPUコストはさらに高くなります。

  • Trilinear — 高い解像度と低い解像度の両方を使用します(可能な場合)。エイリアシングが問題の場合にのみ推奨されます。この方法では、周波数の高いデータが削減されるため JPEG のサイズが小さくなります。

シャープと画像プリセット

最終的な結果を得るために、3つのシャープ効果をすべて組み込むことができます。 ただし、この方法はお勧めしません。 AdobeDynamic Media Classicでは、画像プリセットの一部としてシャープ効果を保存することをお勧めします。 画像プリセットを使用すると、最も頻繁に使用される画像の修飾子をパッケージ化して、動的にサイズ変更される画像を小さなテキスト文字列で作成できます。 画像プリセットには、ファイル形式(Webの場合は通常JPEG)、ピクセル数および画像シャープニングの値が含まれます。 特定のタイプの画像サイズを作成するために使用する必要がある各画像修飾子と共にURLを追加する代わりに、「thumbnail」などの名前付き画像プリセットを作成します。 次に、サムネール画像プリセットを適切なサイズ、ファイル形式およびシャープオプションで設定します。 画像プリセット名を使用して画像を呼び出します。 画像プリセットは、URL全体の長さを短くします。 次の2つのURLは、シャープを適用した同じ350 x 350 JPEG画像を生成します。

  • https://sample.scene7.com/is/image/S7train/Backpack_A?wid=350&hei=350&fmt=jpeg&qlt=85,0&resMode=sharp2&op_usm=0.9,1.0,8,0
  • https://sample.scene7.com/is/image/S7train/Backpack_A?$!_s7product$

画像プリセットは、いつでも変更または更新することができます。公開後、URLのキャッシュがクリアされた後に、画像プリセットに対する変更の結果を確認できます。

あるサイズカテゴリにおいて、各画像に対して 1 つのプリセットを使用する場合、会社管理者は Web コードを変更せずに、その画像プリセットの定義を更新し、再公開し、その形式を使用して各画像に影響を与えることができます。ベストプラクティスとして、サイト上でユニークなサイズあたりに 1 つの画像プリセットを使用します。画像プリセットを追加するには、グローバルナビゲーションバーで、設定 / アプリケーション設定 / 画像プリセット​に移動します。 次に、「追加」を選択するか、「編集」を選択して既存のプリセットを変更します。 プリセットの名前自体が、唯一の必須フィールドです。ただし、すべてのプリセットにある程度のシャープを含めることをお勧めします。

JPG 画質

「JPG 画質」オプションは、JPG の圧縮レベルを制御します。

  • JPG画質 — 圧縮レベルとクロミナンスのダウンサンプリングを制御する場合は、このオプションを選択します。

  • スライダー - JPG圧縮レベルを指定します。この設定は、ファイルサイズと画質の両方に影響を与えます。JPG画質は1~100です。

  • JPGクロミナンスダウンサンプリングを有効にする — 目は高周波輝度よりも高周波カラー情報に対する感度が低いので、JPEG画像は画像情報を輝度とカラー成分に分割します。JPEG 画像を圧縮すると、輝度成分は最大解像度が維持され、色成分はピクセルのグループの平均化によりダウンサンプリングされます。ダウンサンプリングにより、知覚される品質にほとんど影響を与えることなく、データ量が 1/2 から 1/3 に削減されます。ダウンサンプリングは、グレースケール画像では使用できません。この方法は、コントラストが高い画像(テキストがオーバーレイされた画像など)で圧縮の量を低減させるのに役立ちます。

全社的なシャープニングオプションの設定

画像プリセットを使用しない場合、または URL 文字列と一緒に具体的な Image Server のシャープの適用プロトコルを渡さない場合、ダウンサンプル時に画像にシャープは適用されません。ただし、シャープが適用されない場合は、デフォルトのシャープ値を設定でき、その後は常に画像にシャープが適用されます。

会社のデフォルトのシャープオプションを設定するには、設定 / アプリケーション設定 / 公開設定 / Image Server​に移動します。 「デフォルトの再サンプリングモード」を「シャープ2」に設定した場合、ダウンサンプリング時に常に画像がシャープ化されます。

ビューアプリセットへのシャープの追加

画像へのシャープ修飾子をプリセットに追加しない限り、初期の小さな読み込み画像がぼやけて見えます。これは、シャープを適用せずに、ビューアウィンドウに適合するようダウンサンプルされるためです。

ビューアプリセット(画像プリセットなど)を使用すると、スキンとビューアのオプションの選択(「印刷」ボタンの追加やズームアニメーションの速度の制御など)を含む、多くのオプションを1か所に一元管理できます。 ビューアプリセットは、画像プリセットと同じ節の​設定 / アプリケーション設定 / ビューアプリセット​にあります。

修飾子オプションは、すべての eCatalog、回転、カスタムズームビューアプリセットのコア設定セクションの下に表示されます。修飾子ボックスに URL シャープの適用コマンドを追加することにより、ビューアプリセットを使用してビューアが呼び出されるたびにシャープが追加されます。

ビューアプリセットを呼び出すには、ビューアのURLでconfig=コマンドを使用します。 次に、ビューアプリセット(FantasticoZoom2022)を使用して画像セット(靴)を呼び出す例を示します。

https://s7d9.scene7.com/s7viewers/html5/ZoomViewer.html?asset=Scene7SharedAssets/ImageSet-Views-Sample&config=S7train/FantasticoZoom2022

ここに示すプリセットは、ビューアのデフォルトのスキンにシャープを適用し、変更します。

画像固有のオーバーライドの作成

あまり推奨されないシャープの適用方法として、画像ごとにシャープのオーバーライドを作成する方法が挙げられます。この方法は、画像プリセットのシャープを独自の値で上書きします。 ただし、この方法は、その他すべてのシャープニング方法を任意のサイズで上書きします。 画像の解像度があまり高くない場合、およびこれらの小さな画像にとって、画像プリセットの値が高すぎる場合、この方法が最適の使用例になります。この場合、画像ごとのシャープニングが必要になる場合があります。

AdobeDynamic Media Classicで、任意の画像を選択し、詳細ビューに移動して(詳細ビュー​ボタンをダブルクリックまたは押します)、「シャープ」を選択します。 任意のパラメーターを変更して、「保存」を選択します。 このプロセスは、シャープ修飾子や画像プリセットなど、URLで呼び出すコマンドではなく、これらのシャープパラメーターを使用するようImage Serverに指示します。 変更が有効になるように、必ずパブリッシュしてください。

このページ