画像のモザイク化

モザイク化すると、画像が大きな正方形の色のブロックに変わります。レトロ風やモザイク風の効果、ティザー画像、おおまかな形と色だけを残して画像全体を隠したいときに使われます。ブロックの大きさをピクセルで指定するか、横に並べたいブロックの数を指定し、平均または中央のサンプリングを選び、必要なら色数も減らせます。画像は元のサイズのままで、処理はブラウザー内で行われます。

使い方

1. 画像を1つ以上選びます。
2. ブロックサイズをピクセルで設定するか、横のブロック数を指定します。
3. なめらかなモザイクなら平均、シャープでコントラストの強い見た目なら中央のサンプリングを選びます。
4. 必要なら8〜32色に減らして、ダウンロードします。

計算式

ブロックの色 = ブロック内の Σ(色 × アルファ) ÷ Σ アルファ；ブロック数 = ceil(幅 ÷ b) × ceil(高さ ÷ b)

b はピクセル単位のブロックサイズで、「横のブロック数」を使う場合は round(幅 ÷ ブロック数) です。平均は透明度で重み付けするため、透けているピクセルで色が暗くなることはありません。中央のサンプリングは、各ブロックの中央のピクセルをそのままコピーします。減色は、ブロックの色をペアワイズ最近傍法の量子化でパレットにまとめ、すべてのブロックを最も近いパレット色に合わせます。

計算例

1200 × 800の写真を20pxのブロックにすると、1200 ÷ 20 × 800 ÷ 20 = 60 × 40ブロックのモザイクになり、サイズは1200 × 800pxのままです。横40ブロックを指定すると、ブロックサイズは round(1200 ÷ 40) = 30px、40 × ceil(800 ÷ 30) = 40 × 27ブロックになります。最後の行は高さが20pxしかありません。