画像にできる濃淡の縞「バンディング」をおさえる方法

Post on:2010年4月16日

バンディングの仕組み

まずは、下記のバンディングを誇張したサンプルをみてください。

左：通常、右：バンディング

右側の画像では空の滑らかなグラデーション箇所にバンディングがおきています。これは圧縮した際に色の数を制限することで発生させたものです。
人の目は高いコントラストのエリアを見ると、微妙な明るさの変化を認識しにくいため、この写真では建物のセクションでうまく働いています。ここでのカラーは「少し明るい青」から「少しそれほど明るくない青」を使用しています。

この画像の圧縮というのは、バンディングの要因となります。
画像を構成しているピクセルの一つ一つは、それぞれの周りのピクセルと混ざり合うことはなく、それ自身が小さい正方形のピクセルです。ピクセルは我々の目からみると、あまりにも過度に小さいものです。ここで取り上げる方法はそれよりもっと大きいグループでカラーの類似エリアを使用します。

グラデーションツールのバンディング

左側のグラデーションは二つの色を使用しており、Photoshopのグラデーションツールで作成しました。
右側のグラデーションは一つの色で作成しており、100%から0%の不透明でグラデーションにしています。

これら二つは非常に似た結果をだしています。そのため、多くのデザイナーは代替テクニックとして使用するかもしれません。
しかしながら、よく見ると、右側のグラデーションは次のサンプルをみることで明らかに違うことがわかるでしょう。

左側は二つの色を使用したグラデーション、右側は一つの色で不透明度を変更したグラデーションです。

このようにPhotoshopのグラデーションツールは複数の色を使用すると、かなり滑らかにグラデーションを処理することができます。ディザリングと微妙なノイズの組み合わせを通してフェードはかなり滑らかに仕上がります。

グラデーションを作成する時はそれが何色に薄れていくか理解することは非常に大切です。不透明度で作成したグラデーションはバンディングを含んでしまいます。

ノイズを加えてみる

しばしば言われる解決に「ノイズを加える」という方法があります。確かにノイズを加えることは効果的であることは本当ですが、注意深くする必要があります。不必要にノイズを加えてしまうと画像の質を落とすことになってしまいます。

解決方法1：二色を使用

Photoshopのグラデーションツールでバンディングを防ぐ方法は、少なくとも二つの色を使用するようにすることです。一つの色を透過で薄れさせることは滑らかなグラデーションをもたらさないでしょう。

もし透過で色を薄れさせなくてはならない場合は、グラデーションが小さいか、あるいはグラデーションにおける色の差の範囲を高くするようにしてください。問題を起こすのは長くて、微妙なグラデーションです。

解決方法2：アルファチャンネルにノイズ

画像を圧縮したり保存する際にバンディングになってしまった時、ノイズを加えてしまうことがあるかもしれません。その際、カラーデータの全てを傷つけないでこれを適用するならば、ノイズは一つのチャンネルだけに適用するようにします。適用するチャンネルは最もバンディングがあるチャンネル一つです。

チャンネルパレットを選択します。
カラーチャンネルをクリックしてください。例えば明るい青い空にバンディングがある場合は多分レッドのチャンネルでしょう。適用する画像で最もよくきくチャンネルを選択するようにします。
[フィルタ]-[ノイズ]-[ノイズを加える]を選択し、「ガウス分布」をチェックします。量はあとから増やすこともできるので、最初は1,2%からにします。