画像へのシャープの適用

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

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

Scene7 では、ビューアプリセットにシャープの適用を追加してから、そのプリセットでビューアを呼び出すことも推奨しています。これにより、ビューア内の画像が鮮明で魅力的になります。

ただし、画像プリセットやビューアプリセット、またはシャープの適用の代替方法のいずれかを使用するかどうかに関係なく、画像をよりシャープにすることが重要です。そうしないと、画像(および Web サイト)がぼやけて、曖昧に見えます。

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

多くの場合、画像にシャープを適用する必要があります。Scene7 SPS と画像サーバには、「シャープの適用」オプションがいくつか存在します。シャープの適用が画像に与える影響や、シャープの適用がどの程度必要であるか理解することが重要です。ほとんどの画像にシャープを適用する必要がありますが、要求される程度は画像によって異なります。

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

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

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

Scene7 Publishing System および Scene7 Image Server で画像にシャープを適用するためのベストプラクティス』を参照してください。

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

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

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

シャープオプション

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

名前

URL プロトコル

単純なシャープの適用

op_sharpen

0 | 1

op_sharpen=1

再サンプルモード

resMode

bilin | bicub | sharp2 | trilin

bilin:標準的なバイリニア補間を選択します。最も高速な再サンプル法です。ただし、いくつかのエイリアシングアーチファクトが多少目に付きます。

bicub:バイキュービック補間を選択します。bilin よりも CPU 使用率が増えますが、エイリアシングアーチファクトが少ないシャープな画像になります。

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

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

resMode=sharp2

アンシャープマスク

op_usm

適用量、半径、しきい値、モノクロ

適用量:フィルター強度の要因(実数 0…5)

半径:フィルターカーネル半径(実数 0…250 pixel)

しきい値:フィルターしきい値(整数 0…255)

モノクロ:各カラーコンポーネントに対して個別にアンシャープマスクを適用するには、0 に設定します。画像の明るさ(適用度)にアンシャープマスクを適用するには、1 に設定します。

op_usm=1,1,10,0

シャープメニューを選択し、オプションを選択します。

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

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

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

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

適用量
端のピクセルに適用されるコントラストの量を制御します。初期設定値は 0.0 です。高解像度画像では、この値を 5.0 まで高めることができます。適用量は、フィルタ強度の度合いと考えることができます。Scene7 での適用量は、Photoshop での適用量と同じでないことに注意してください。Photoshop では 1%~ 500%の適用量が使用されますが、Scene7 では 0.0 ~ 5.0 に拡大縮小されます(例えば、Photoshop では 5.0 は約 500%に相当し、0.9 は 90%に相当します)。

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

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

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

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

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

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

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

再サンプリング

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

なし
再サンプリングがオフになります。

バイリニア法
最も高速な再サンプル法です。ただし、エイリアシングアーチファクトが多少目に付きます。

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

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

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

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

最終的な結果を達成するため、3 つのシャープの適用効果をすべて混合できます。ただし、この操作は推奨されません。Scene7 では、シャープの適用効果を画像プリセットの一部として保存するよう推奨します。画像プリセットを使用すると、小さなテキスト文字列内で動的にサイズ変更した画像を作成するため、最も頻繁に使用される画像の修飾子をパッケージ化できます。画像プリセットには、ファイル形式(通常は Web 用の JPEG)の値、ピクセル数、および画像へのシャープの適用が含まれます。特定のタイプの画像サイズを作成する必要のある各画像の修飾子を URL に追加する代わりに、「サムネール」などの指定された画像プリセットを作成し、適切なサイズ、ファイル形式およびシャープの適用オプションでサムネールの画像プリセットを設定してから、画像プリセット名を使用して画像を呼び出します。画像プリセットを使用すると、全体的な URL の長さが短縮されます。以下の 2 つの URL は、シャープを適用した、同じ 350 x 350 の JPEG 画像を生成します。
  • http://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

  • http://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 に設定する場合、ダウンサンプル時に常に画像にシャープが適用されます。

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

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

SPS で(画像プリセットのような)ビューアプリセットを使用すると、肌の選択やビューアオプションを含む(印刷ボタンの挿入や、ズームアニメーションの速度制御など)、多数のオプションを一箇所に集中できます。ビューアプリセットは、設定/アプリケーション設定/ビューアプリセットの下にある、画像プリセットと同じセクションに表示されます。

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

ビューアプリセットを呼び出すには、ビューア URL で config= command を使用します。ここに、ビューアプリセット(FantasticoZoom2009)を使用して画像セット(靴)を呼び出す例を示します。

http://sample.scene7.com/s7/zoom/flasht_zoom.jsp?company=S7train&sku=shoes&config=S7train/FantasticoZoom2009&locale=en

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

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

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

SPS で任意の画像を選択して、詳細ビューに移動し(詳細ビューボタンをダブルクリックするか、押します)、「シャープ」をクリックします。パラメータを変更して、「保存」をクリックします。これにより、シャープの適用修飾子または画像プリセットなど、URL で呼び出すコマンドの代わりに、これらのシャープの適用パラメータを使用するよう Image Server に指示が与えられます。変更を反映させるには、公開する必要があります。