画像ぼかし加工
画像全体、またはブラシ・四角形・円形で指定した範囲だけを自然にぼかせます。境界が滑らかになるよう周囲のピクセルも考慮して処理し、元に戻す・やり直すにも対応しています。
使い方
- 1ぼかしをかけたい画像をアップロードします。
- 2「画像全体」「四角形選択」「円形選択」「ブラシ」から加工方法を選び、ぼかしの強さを調整します。
- 3マウスやタッチ操作で加工したい範囲をなぞり、保存形式を選んで画像を保存します。
計算方法・変換方法
Canvas 2D APIの`filter: blur()`を使い、画像全体を一度ぼかしたうえで選択範囲だけをクリップして重ね直すことで、境界が不自然にならない自然なぼかしを実現しています。
ぼかしの強さは、周囲のどのくらいの範囲の色を混ぜ合わせるか（ぼかしの半径）に対応しています。値が大きいほど広い範囲の色が混ざり、輪郭が分からなくなります。画像の解像度が高いほど、同じ強さでもぼかしは弱く見えるため、大きな写真では強めに設定してください。
ぼかしは見た目が自然な反面、弱いぼかしでは文字や顔の特徴が読み取れてしまうことがあります。住所・氏名・ナンバープレートなど、確実に隠したい情報には、強めのぼかしを使うか、モザイク加工や塗りつぶしを選ぶほうが安全です。背景だけをぼかして被写体を目立たせる、といった演出目的には弱めの設定が向いています。
利用例
- ポートレート写真の背景をぼかして被写体を目立たせる
- SNSに投稿する前に、写り込んだ通行人の顔をぼかす
- スクリーンショットの一部を自然にぼかして、資料に載せる
- 商品写真の背景をぼかして、商品そのものに視線を集める
よくある質問
モザイクとぼかしはどちらを使えばいいですか？
しっかり隠したい場合はモザイク、自然な見た目を保ちつつ目立たなくしたい場合はぼかしがおすすめです。
処理は端末内で完結しますか？
はい。Canvas APIによる処理はすべてブラウザ内で行われ、画像がサーバーに送信されることはありません。
モザイクとぼかしはどちらを使えばいいですか？
見た目を自然に保ちたい演出目的にはぼかし、個人情報を確実に隠す目的にはモザイクが適しています。情報を隠す用途では、復元の可能性が低いモザイクをおすすめします。
背景だけをぼかすことはできますか？
はい。ブラシや範囲選択で背景部分をなぞれば、その範囲だけにぼかしがかかります。被写体を自動判別したい場合は背景透過ツールと組み合わせる方法もあります。
処理は端末内で完結しますか？
はい。すべての処理はブラウザ内で行われ、画像がサーバーに送信されることはありません。
注意事項
- ・ぼかしは個人情報を隠す用途には向きません。弱いぼかしは画像処理によって推測できる場合があるため、確実に隠したい情報にはモザイクや塗りつぶしをご利用ください。
- ・ぼかしの強さを上げすぎると、被写体との境界が不自然になることがあります。
- ・高解像度の画像では処理に時間がかかる場合があります。