画像ディザリング

Image Dither は、フルカラーの写真を小さな固定された色のセットから構築された画像に変換し、ドットまたはブロックのパターンを使用して、削除されたトーンをシミュレートします。これは、新聞写真、オリジナルの Macintosh 画面、ゲームボーイのスプライト、およびスクリーン印刷されたギグ ポスターの背後にある効果であり、このツールは 1 回のアップロードからそれらすべてを再現します。

ディザリングが存在するのは、ディスプレイや印刷機が写真のすべてのトーンを再現できないことが多いためです。新聞印刷機はインクの色と紙の色が 1 色ずつあります。1984 年の Macintosh では、ピクセルごとに 1 ビットがありました。ディザアルゴリズムは、すべてのピクセルを最も近い利用可能な色に丸めて勾配を完全に失うのではなく、丸め誤差を隣接するピクセルに分散するため、通常の視野距離で目は白い紙に黒い点のクラスターを平均して灰色に戻します。アルゴリズムが異なれば、その誤差の分布も異なり、その分布が各ピクセルに特有の外観を与えるものです。

6 つのアルゴリズムが利用可能です。 bayer 4x4 は順序付けされたしきい値行列を使用し、初期の PC ゲームでおなじみの通常のクロスハッチを生成します。 Bill Atkinson がオリジナルの Macintosh 用に書いた Atkinson は、エラーの 4 分の 3 だけを隣接するものに押し、ハイライトを吹き飛ばし、MacPaint の高コントラストの外観をもたらします。 Floyd-Steinberg は、最も写真に忠実な結果を得るために、エラー全体を 4 つの隣接するものに分散します。ハーフトーンは回転格子に沿ってサンプリングし、トーンとともにドット半径を変更します。これは、実際のハーフトーン スクリーンがプレスで角度を付ける方法です。 Cyber Glitch は色をパレットにスナップし、スキャンラインを移動します。ハード 1 ビットは、ディザリングがまったくない直線的なしきい値カットです。

すべてクライアント側で実行されます。 canvas API を使用して、画像は独自のブラウザーによってデコード、トリミング、ディザリングされ、コピーはどこにも送信されません。これは、ソースが未公開の写真またはクライアント資産である場合に重要です。出力は、ステージ解像度の最大 8 倍の PNG として、または SVG として利用できます。各ドットは実際のベクトル形状として記述されるため、ポスターを任意の印刷サイズにスケールしたり、ベクター エディターで開いたりして、さらなる作業を行うことができます。

デフォルト設定で画像をオンラインでディザリングすると、次のようになります。 写真は幅 840px のステージに取り付けられ、4px ピクセル スケールと 45 度の画面角度で Halftone を実行し、Brutal Paper の背景に木炭ドットとして描画されます。 「解像度スケール」で 4x を選択し、「PNG をダウンロード」で幅 3360px のファイルが得られ、プレビューが拡大されたのではなく 16px ドットで再ディザリングされます。 「SVG」としてエクスポートすると、同じフレームが 840 ユニットのキャンバス上のベクトル円として届きます。