ポスタリゼーション 🎨

ポスタリゼーション効果について

このポスタリゼーションツールはすべてブラウザ内で完結します。画像をドロップまたは選択し、レベル数を 2〜16 で設定して適用をクリックします。各ピクセルについて、RGB 各チャンネル値は公式 Math.round(value / 255 * (levels − 1)) / (levels − 1) * 255 で levels 個の離散値のいずれかに再マッピングされます。値が小さいほどフラットでポスターのような色块になり、値が大きいほど元画像に近づきます。アップロードは一切なく、JavaScript によりローカルで処理されます。

使い方

1. ドロップゾーンをクリックするか、画像ファイルをドロップします。
2. レベル数スライダーを動かします——値が小さいほど色が減り、効果が強くなります。
3. 適用をクリックして効果を画像に反映します。
4. ダウンロードで保存、リセットで元に戻す、クリアでやり直せます。

よくある質問

レベル数とは何ですか？ RGB 各チャンネルの異なる値の数です。レベル 2 では 2³ = 8 色、レベル 4 では 4³ = 64 色になります。

出力形式は？ ダウンロードは PNG ファイルです。詳細を保ち、圧縮アーティファクトを防ぎます。

画像はアップロードされますか？ いいえ。すべての処理はローカルブラウザで行われ、画像がデバイスから外に出ることはありません。

効果を複数回適用できますか？ はい。適用は現在のキャンバスに対して作用するため、連続クリックで効果が累積します。リセットで元画像に戻せます。