画像ぼかし

ぼかしは、絵全体をやわらかくします。文字やスライドの背景、夢のような効果、わざと読めなくしたプレビュー、スピード感の演出などに使います。このツールは、1枚でも複数枚でも、ガウス、ボックス、方向付きのモーションブラーをかけ、端をきれいに保ち、透明度も維持します。ブラウザのフィルターに頼らず自前で計算するため、どこでも同じ結果になります。

使い方

1. 画像を1枚以上選びます。
2. やわらかく自然なぼかしならガウス、均一な平均ならボックス、一方向への流れならモーションを選びます。
3. 半径をピクセルで設定します（モーションブラーでは方向も）。大きな写真では同じ見た目にするために大きな半径が必要です。
4. ぼかした画像、またはすべてをまとめたZIPをダウンロードします。

計算式

距離dでのガウス重み：e^(−d² ÷ 2σ²)。分散の合計が同じになる幅の3回のボックスぼかしで近似

ボックスぼかしを3回続けてかけると、半径に関係なくピクセルあたり一定のコストで、本物のガウス分布に数パーセント以内で近い曲線が得られます。奇数のボックス幅wᵢは Σ (wᵢ² − 1) ÷ 12 ≈ σ² になるように選びます。境界の外のピクセルは端のピクセルを繰り返すので端が暗くならず、色はアルファで重み付けされるので、透明な部分が灰色のふちを作りません。モーションブラーは、選んだ方向に沿って2r + 1ピクセルを平均します。

計算例

1920 × 1080 pxの壁紙にガウス σ = 20 pxをかけると、白い文字が読みやすいなめらかな背景になります。ツールは幅39、39、41 pxの3回のボックス処理を使い、合計の分散 2 × (39² − 1) ÷ 12 + (41² − 1) ÷ 12 ≈ 393 は 20² = 400 の2%以内です。