アルゴリズムは何を選べばいい?

写真は Floyd-Steinberg、Mac クラシック風や独特の質感は Atkinson、ピクセルアート / レトロゲーム風は Bayer 4x4 か 8x8、シンプルなロゴ / アイコンはしきい値 (ディザ無し) がおすすめです。

出力は元の画像サイズ?

はい。リサイズはしません。元 100x100 px なら出力も 100x100 px です。レトロ風味を強めたい場合は事前に image-resize で 1/4 などに縮めると効果的です。

なぜ PNG しか選べない?

ディザリング後の画像は 2 色〜16 色のパレットなので、JPEG (非可逆) で出力すると圧縮ノイズが入って効果が崩れます。PNG (可逆) で書き出すのが最適。

アニメ GIF はどうなる?

本ツールは 1 フレーム目だけを処理します。アニメ GIF はまず gif-frame-extract でフレーム分解してから 1 枚ずつディザリングし、必要なら別ツールで GIF に再合成してください。

データはどこかに送信されますか?

いいえ。Canvas getImageData / putImageData でブラウザ内処理し、ファイルはアップロードされません。

画像へ戻る

画像ディザリング — Floyd-Steinberg / Atkinson / Bayer 法

JPEG / PNG / WebP の画像にディザリング (誤差拡散) を適用してビット深度を落とします。アルゴリズムは Floyd-Steinberg (写真向け定番)、Atkinson (Mac の伝統的な雰囲気)、Bayer 4x4 / 8x8 (規則的ドット)、しきい値 (ディザ無し) の 5 種類。出力カラーパレットは白黒 1bit / グレー 2bit (4 階調) / グレー 4bit (16 階調) / RGB 3bit (8 色) から選択。レトロゲーム風グラフィック、E-ink (Kindle / リマーカブル) の事前プレビュー、Game Boy / Mac Classic 風変換、印刷の網点シミュレーションに。Canvas でブラウザ内処理。

画像色

使い方

ディザリングしたい画像 (JPEG / PNG / WebP) を 1 枚ドロップまたは選択します。アルゴリズム (Floyd-Steinberg / Atkinson / Bayer 4x4 / Bayer 8x8 / しきい値) を選びます。誤差拡散系 (FS / Atkinson) は写真向け、Bayer 系は規則的なドットで Game Boy / 8bit ゲーム風、しきい値はディザ無しのべた塗り量子化。出力パレット (白黒 1bit / グレー 2bit / グレー 4bit / RGB 3bit) を選びます。「ディザリングを適用」を押すと Canvas で処理され、結果が下に表示されます。 PNG として保存またはクリップボードへコピー。

よくある質問

アルゴリズムは何を選べばいい?: 写真は Floyd-Steinberg、Mac クラシック風や独特の質感は Atkinson、ピクセルアート / レトロゲーム風は Bayer 4x4 か 8x8、シンプルなロゴ / アイコンはしきい値 (ディザ無し) がおすすめです。
出力は元の画像サイズ?: はい。リサイズはしません。元 100x100 px なら出力も 100x100 px です。レトロ風味を強めたい場合は事前に image-resize で 1/4 などに縮めると効果的です。
なぜ PNG しか選べない?: ディザリング後の画像は 2 色〜16 色のパレットなので、JPEG (非可逆) で出力すると圧縮ノイズが入って効果が崩れます。PNG (可逆) で書き出すのが最適。
アニメ GIF はどうなる?: 本ツールは 1 フレーム目だけを処理します。アニメ GIF はまず gif-frame-extract でフレーム分解してから 1 枚ずつディザリングし、必要なら別ツールで GIF に再合成してください。
データはどこかに送信されますか?: いいえ。Canvas getImageData / putImageData でブラウザ内処理し、ファイルはアップロードされません。

類似のツール

画像モザイク / ぼかし — 全体 / 領域指定で目隠し

顔出し NG な部分を消すために、画像にモザイク (ピクセル化) またはぼかしをかけます。画像全体か、X / Y / 幅 / 高さで指定した矩形領域だけに適用可能。Canvas のみで完結するのでブラウザの外に画像は出ません。複数画像を一括処理して ZIP でダウンロードできます。

画像

画像モノクロ化 — グレースケール 5 方式 (輝度・チャンネル別)

JPEG / PNG / WebP をブラウザ内でグレースケール化します。変換方式は平均 / 輝度 (BT.601) / 赤 / 緑 / 青チャンネル単独の 5 種類から選択可能。出力形式 (PNG / JPEG / WebP) と JPEG / WebP の品質も調整できます。アップロードした画像は外部に送信されず、すべて Canvas でブラウザ内処理されます。

画像色

画像 → ASCII アート変換 — 文字で再描画

JPEG / PNG / WebP の画像をブラウザ内で読み込み、各ピクセルの輝度を文字に置換して ASCII アートに変換します。出力幅 (列数)、文字セット (詳細 / 標準 / シンプル / ブロック)、明暗反転を切り替えながらリアルタイムにプレビュー可能。完成した結果はコピー、または .txt ファイルとしてダウンロードできます。画像は外部に送信されず、すべての処理はブラウザ内で完結します。

画像変換テキスト

画像カラーパレット抽出 (主要色・配色を取得)

画像をドロップすると、median cut 量子化で主要な色を抽出し、各色の HEX / RGB 値と占有率を一覧表示します。色数 (4〜16) を選べ、占有率バーで配色バランスも確認可能。各色クリックで HEX をコピー、パレット全体を HEX 一覧 / CSS 変数 / JSON でコピーできます。画像はブラウザ内でだけ解析され、外部に送信されません。

画像色