画像へのシャープの適用

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

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

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

ただし、画像プリセットやビューアプリセット、またはシャープの適用の代替方法のどちらを使用する場合でも、画像にシャープを適用する必要があるということが重要です。 そうしないと、画像(およびWebサイト)がぼやけてぼやけて見えます。

メモ

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

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

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

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

Dynamic MediaクラシックおよびDynamic MediaImage Serverで画像のシャープを最適化するために実行できるベストプラクティスがあります。

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

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

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

メモ

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

シャープの適用オプション

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

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

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

sharp2:修正ランチョスWindows®関数を補間アルゴリズムとして選択します。バイキュービック法よりも多少シャープな結果が得られ、CPU使用率は高くなります。

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

適用量:フィルタ強度係数(実数0…5)

半径:filter kernel radius in pixels (real 0…250)

threshold:filter threshold level (int 0…255)

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

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

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

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

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

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

  • 適用量 — 端のピクセルに適用するコントラストの量を制御します。初期設定値は 0.0 です。高解像度画像では、この値を 5.0 まで高めることができます。適用量は、フィルタ強度の度合いと考えることができます。Dynamic Mediaクラシックの​​設定は、Adobe Photoshopの量設定とは異なります。 Adobe Photoshopでは1 ~ 500%の範囲の量が使用されますが、Dynamic Mediaクラシックでは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 を指定すると、肌のトーンの明るさがわずかに変化しても無視され「ノイズ」が追加されません。一方、まつげと皮膚が接触する場所のようにコントラストの強い場所にはエッジのコントラストが追加されます。

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

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

再サンプリング

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

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

  • バイリニア法 — 最も高速な再サンプリング法。一部のエイリアシングアーチファクトが目立ちます。

  • バイキュービック法 - Image ServerでのCPU使用量が増えますが、エイリアシングアーチファクトが少ないシャープな画像になります。

  • Sharpen2 — バイキュービック法よりも多少シャープな結果になります ​が、Image ServerのCPU使用率はさらに高くなります。

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

シャープの適用と画像プリセット

最終的な結果を得るために、3つのシャープの適用効果をすべて組み込むことができます。 ただし、この方法は推奨されません。 Dynamic Mediaクラシックでは、シャープの適用効果を画像プリセットの一部として保存することをお勧めします。 画像プリセットを使用すると、最も頻繁に使用される画像修飾子をパッケージ化して、動的にサイズ変更される画像を小さなテキスト文字列で作成できます。 画像プリセットには、ファイル形式(通常はWeb用のJPEG)、ピクセル数および画像へのシャープの適用に関する値が含まれます。 特定の種類の画像サイズの作成に使用する必要がある各画像修飾子と共にURLを追加する代わりに、「thumbnail」など、名前付きの画像プリセットを作成します。 次に、サムネール画像プリセットを、適切なサイズ、ファイル形式およびシャープのオプションを設定します。 画像プリセット名を使用して画像を呼び出します。 画像プリセットにより、URL全体の長さが短縮されます。 次の2つのURLは、シャープが適用された同じ350x350の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画質 — 圧縮レベルとクロミナンスダウンサンプリングを制御する場合は、このオプションを選択します。

  • Slider - 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

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

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

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

Dynamic Mediaクラシックで任意の画像を選択し、詳細表示に移動し(重複をクリックするか、詳細表示​ボタンを押します)、シャープ​をクリックします。 パラメーターを変更し、「保存」をクリックします。 この処理により、シャープの適用修飾子や画像プリセットなど、URLで呼び出すコマンドの代わりに、これらのシャープの適用パラメータを使用するようImage Serverに指示が与えられます。 変更が有効になるように公開してください。

このページ

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