ディザリングとは？

ディザリングは、少ない色数で画像を表現する手法です。使用できる色のピクセルを散りばめることで、離れて見ると、使えない色合いが混ざって見えます。白黒のピクセルを市松模様に並べると、灰色に見えます。初期のコンピューターやゲーム機では、この方法で画像を表示する必要がありました。現在も、電子ペーパーの画面やサーマルプリンター、小さなGIF、レトロなピクセルアートなどで使われています。

ツールの説明

画像を開き、手法とパレットを選ぶと、すぐにディザリング処理が行われます。ピクセルサイズを大きくすると、ディザリングされた各ピクセルが大きなブロックになり、粗いレトロ調の見た目になります。処理前後を比較するスライダーで、元画像がどの程度保たれているかを確認できます。ダウンロード形式はPNGが初期設定です。ディザリング後のピクセルをそのまま正確に保持できるためです。

機能

  • 3つの手法：Floyd-Steinberg、Atkinson、順序付き（Bayer 8×8）
  • 4種類のパレット：白黒、4階調のグレー、8色、16色
  • 大きなレトロ調のピクセルを作れる、調整可能なピクセルサイズ
  • 透過を保持

仕組み

Floyd-Steinbergでは、各ピクセルを最も近いパレットの色に丸め、その丸め誤差を右側と下側のピクセルに伝えます。誤差が蓄積されることで、全体の階調を保ちながら、細かく自然なノイズが生まれます。初代Apple Macintoshで使われたAtkinsonでは、誤差の4分の3だけを次のピクセルに伝えます。そのため、ハイライトとシャドウの階調が平坦になり、コントラストが強まります。順序付きディザリングでは、代わりに一定の8×8パターンでオフセットを加え、規則的な格子状のテクスチャを作ります。

8色はRGB立方体の頂点にあたる、黒、白、赤、緑、青、シアン、マゼンタ、黄色です。16色は初期のPCで使われていたIBM CGAパレットです。グレーのパレットでは、明るさのみをディザリングします。

ヒント

  • 写真にはFloyd-Steinberg、線画や明るくコントラストの高い画像にはAtkinsonが適しています。
  • 順序付きディザリングは各フレームで同じパターンになるため、GIFアニメーションでちらつきが少なくなります。
  • ピクセルサイズを2〜4にすると、現在の画面サイズでも昔のコンピューターのような見た目になります。
  • PNG形式を使ってください。JPGはディザリングされたピクセルをぼかし、パレットにない色を加えてしまいます。