<テクスチャスタジオ

ディザ変換ツール

[ 5 KERNELS // CANVAS 2D ]

組織的ディザと誤差拡散、どちらも正攻法で実装しています。

← → ← → キーでフィルター切替// 全処理はブラウザ内で完結・データ送信なし

ディザリングは、限られたパレットでは本来表示できない階調を、空間的なディテールと引き換えに擬似的に作り出す手法です。目が白黒の点の散らばりを平均して灰色として捉えます。このツールはこの技法の二大系統を両方備えています。壊れ方がまったく異なるからです。

Bitgrain は組織的ディザです。各ブロックを 8×8 の Bayer 行列(64 段階の固定しきい値格子)と比較し、detail 設定に応じてチャンネルごとに 3・4・5 段階へ量子化します。組織的ディザは決定的で、継ぎ目なくタイル化できます。初期のゲームや新聞印刷でおなじみの、規則的なクロスハッチ質感が出るのはそのためです。

4 つの Grain フィルターは誤差拡散で、しかも真の 1-bit です。1 色のインクと 1 色の紙だけで、中間調は一切ありません。各セルをしきい値処理した後、残った誤差をまだ走査していない近傍へ押し出すため、走査が進むにつれて画像が自己補正していきます。配色ごとに異なる拡散カーネルを使い、走査は行ごとに方向を反転させる蛇行走査で、誤差が片側へ偏り続けるのを防ぎます。

フィルター方式カーネル出力
Bitgrain組織的ディザ8×8 Bayerチャンネルごと 3–5 段階
Cobalt Grain誤差拡散Floyd–Steinberg1-bit、青インク
Denim Grain誤差拡散Atkinson1-bit、藍インク
Harbor Grain誤差拡散3 タップ1-bit、青緑インク
Meadow Grain誤差拡散2 行 7 タップ1-bit、緑インク

Atkinson は誤差の一部を意図的に捨てるため、コントラストが上がり白がきれいに抜けます。往年の Macintosh の画面がこの見え方でした。Floyd–Steinberg は誤差を全量保持するので、中間調の階調がより多く残ります。

すべて Canvas 2D により、あなたの端末上で処理されます。アップロードも登録も不要、フル解像度の PNG を書き出せます。

> よくある質問

画像のディザリングとは何ですか?
ディザリングは、限られたパレットでは表示できない色を、使える色をパターン状に散らすことで近似する手法です。通常の視距離では目がパターンを平均して目的の階調として認識します。色深度を空間的なディテールと交換しているわけです。
組織的ディザと誤差拡散の違いは?
組織的ディザは各ピクセルを固定のしきい値行列と比較するため、高速で決定的、規則的な模様が見えます。誤差拡散は各ピクセルの丸め誤差を近傍へ押し出すため、有機的で反復の少ない粒状感になりますが、走査順序に依存します。
写真をドット絵風に変換できますか?
はい。Bitgrain や各 Grain フィルターを使うことで、写真を手軽にレトロゲームのようなドット絵・1-bit ピクセルアート調に変換できます。detail を調整することでドットの粗さや量子化レベルをコントロール可能です。
本当の 1-bit 白黒になるのはどのフィルターですか?
4 つの Grain フィルターです。いずれも 1 色のインクと 1 色の紙だけで描画し、中間調がありません。Bitgrain はチャンネルごとに 3〜5 段階へ量子化するため、色が残ります。
なぜ Atkinson は Floyd–Steinberg よりコントラストが高く見えるのですか?
Atkinson は蓄積した誤差の一部を意図的に捨て、すべてを分配しません。ハイライトがきれいに飛び、シャドウが締まります。これが往年の Macintosh ディスプレイの見え方です。
このディザ変換ツールは無料でプライバシーも守られますか?
はい。すべてブラウザ内の Canvas 2D で処理されるため画像はアップロードされず、書き出す PNG にウォーターマークも入りません。

画像はブラウザ内で処理され、アップロードされません。サイトは匿名の利用統計(ページビュー、選択したフィルター、ファイルサイズ)のみを保持し、ピクセルデータは含みません。