画像をシャープにする sharpening-an-image

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

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

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

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

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

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

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

画像を過剰にシャープにすると、ハロー効果(エッジの線の縞模様)が生じます。

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

参照: Adobe Dynamic Media ClassicおよびDynamic Media Image Server で画像をシャープにするベストプラクティス.

関連トピック シャープニング トレーニングビデオ。

画像をシャープにするには:

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

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

シャープニングオプション

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

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

bilin:標準の双線形補間を選択します。 最も速い再サンプリング方法。エイリアシング アーティファクトの中には、多くの場合は目立つものがあります。
bicub:双三次補間を選択します。 ~よりも CPU を多用する bilinただし、より目立たないエイリアスアーティファクトで、よりシャープな画像が生成されます。

sharp2:修正されたランチョス Windows® 関数を補間アルゴリズムとして選択します。 CPU コストが高く、2 立方バイトよりもわずかにシャープな結果を得ることができます。

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

amount:フィルター強度係数(real 0…5)

radius:フィルターカーネル半径(ピクセル単位)(実際の 0…250)

threshold:フィルターしきい値(int 0…255)

monochrome:に設定 0 それぞれの色成分に個別にアンシャープマスクするには、をに設定します 1 イメージの明るさ(強度)にアンシャープマスクするには
op_usm=1,1,10,0

「」を選択します シャープニング メニューからオプションを選択します。

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

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

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

アンシャープマスクでシャープニングを微調整するには、次のオプションを選択します。

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

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

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

例えば、2000 × 2000 ピクセルの画像と 500 × 500 ピクセルの画像で同様のシャープなエフェクトを得るには、2000 × 2000 ピクセルの画像で半径値を 2 ピクセルに設定します。 次に、500×500 ピクセルの画像で 1 ピクセルの半径値を設定します(ピクセルが多い画像ほど値が大きくなります)。

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

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

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

  • 適用先 – を選択 Each Color 各カラーコンポーネントに個別にシャープニングを適用する場合は、を選択します 明るさ 画像の明るさの領域にシャープニングを適用する場合。

再サンプリング

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

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

  • 双線形 – 最も速い再サンプリング方法。一部のエイリアシング アーティファクトが目立ちます。

  • バイキュービック - Image Server の CPU 使用率が向上しますが、より目立たないエイリアスアーティファクトで、よりシャープな画像が得られます。

  • Sharpen 2 – 次よりも少しシャープな結果が生成されます バイキュービック ​ただし、Image Server の CPU コストはさらに高くなります。

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

シャープニングと画像プリセット

最終的な結果を得るために、3 つのシャープニング効果をすべて組み込むことができます。 ただし、この方法はお勧めしません。 Adobe Dynamic Media Classicでは、シャープニング効果を画像プリセットの一部として保存することをお勧めします。 画像プリセットを使用すると、最も頻繁に使用される画像の修飾子をパッケージ化して、小さなテキスト文字列で動的にサイズ変更された画像を作成できます。 画像プリセットには、ファイル形式(通常は web のJPEG)、ピクセル数、画像シャープニングの値が含まれます。 特定のタイプの画像サイズの作成に使用する必要がある各画像修飾子を URL に追加する代わりに、「サムネール」などの名前の付いた画像プリセットを作成します。 次に、適切なサイズ、ファイル形式、シャープニングオプションを使用してサムネール画像プリセットを設定します。 画像プリセット名を使用して画像を呼び出します。 画像プリセットは、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 つの画像プリセットを使用します。画像プリセットを追加するには、グローバルナビゲーションバーで、に移動します。 設定 > アプリケーション設定 > 画像プリセット. 次に、を選択します 追加 または select 編集 既存のプリセットを変更するには プリセットの名前自体が、唯一の必須フィールドです。ただし、すべてのプリセットにある程度のシャープニングを含めるのが最適です。

JPG品質

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

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

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

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

会社全体のシャープニングオプションの設定

画像プリセットを使用しなかった場合や、特定の Image Server シャープニングプロトコルを URL 文字列に沿って渡した場合、画像がダウンサンプリングされてもシャープニングされません。 ただし、このようなシャープニングの欠落が発生した場合は、デフォルトのシャープニング値を設定することで、画像に常に一定のシャープニングを適用できます。

会社のデフォルトのシャープニングオプションを設定するには、に移動してください。 設定 > アプリケーション設定 > 公開設定 > Image Server. デフォルトの再サンプリングモードをに設定した場合 Sharp2 ​を指定すると、ダウンサンプリングの際に常に画像がシャープになります。

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

シャープニング画像の修飾子をプリセットに追加しない限り、初期ロード時の小さな画像は柔らかく見えることがあります。これは、シャープニングされずにビューアウィンドウに収まるようにダウンサンプリングされるからです。

ビューアプリセット(画像プリセットなど)を使用すると、多くのオプションを 1 か所に集約できます。選択肢としては、スキンやビューアのオプション(印刷ボタンの使用やズームアニメーションの速度の制御など)があります。 ビューアプリセットは、画像プリセットと同じセクションの下にあります。 設定 > アプリケーション設定 > ビューアプリセット.

参照: ビューアプリセット トレーニングビデオ。

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

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

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

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

画像固有の上書きの作成

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

Adobe Dynamic Media Classicで、任意の画像を選択し、ダブルクリックまたはキーを押して詳細ビューに移動します 詳細ビュー ボタン)を選択し、 シャープ. 任意のパラメーターを変更してから、を選択します 保存. この処理では、URL で呼び出すコマンド(シャープニング修飾子や画像プリセットなど)ではなく、これらのシャープニングパラメーターを使用するように Image Server に指示されます。 変更が有効になることを確認するには、を公開してください。

recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26