画像ブラーの強さはpx値だけでは分からない
CSSのfilter: blur()は絶対px単位ですが、実際に感じるブラーの強さは画像サイズに対するブラー半径の比率で決まります。800pxの画像に20pxのブラーは控えめに感じますが、200pxのサムネイルに同じ20pxのブラーをかけると形状が識別できないほど強く作用します。
この計算機は画像の幅と用途を入力すると、画像幅 × 用途別比率の計算式で適切なブラー半径を求め、画像に対して何%になるかも一緒に表示します。
用途別ブラー強度ガイド
背景を柔らかくぼかしてコンテンツを強調する場合は幅の3%程度、画像読み込み中に表示する低解像度プレースホルダーは1.5%程度の弱いブラーが適しています。一方、顔やナンバープレートなど識別情報を隠す個人情報ブラーは、元画像の復元リスクを減らすため5%以上の十分強い値を適用する必要があります。
注意点
ブラー半径が小さすぎると拡大・シャープ化処理で元画像が明らかになる可能性があるため、個人情報保護目的なら余裕を持って強めの値を使うのが安全です。
よくある質問
ブラー半径の値は画像サイズとどう関係しますか?
同じpx値でも画像が小さいほど強く、大きいほど弱く感じられます。画像幅に対する比率(%)で判断するのが正確です。
個人情報ブラーはどれくらい強くすれば安全ですか?
画像幅の5%以上を推奨します。弱すぎるブラーはシャープ化処理で元画像が復元される危険があります。