画像ぼかし
画像を半径調整でぼかします——100% ブラウザ内で完結。
ソース
画像をここにドロップ
またはクリックして選択
オプション
画像ぼかしとは
画像ぼかしは、隣接するピクセル同士を混ぜ合わせることで画像の細部を滑らかにする視覚効果です。各ピクセルが自身の鋭い値を保つ代わりに、周囲のピクセルの加重平均となることで、細部が取り除かれ、より柔らかく幻想的な見た目になります。効果の強さはぼかし半径で制御され、半径が大きいほど多くのピクセルが出力値に寄与し、画像はよりピンボケのように見えます。ぼかしは画像編集、写真、コンピュータグラフィックスで最もよく使われる処理の一つです。
ぼかしにはいくつか種類があります。ボックスぼかしは単純に方形の近傍ピクセルを平均化し、高速ですがややブロック状の結果になります。ガウスぼかしは釣鐘型の重み付け曲線を用い、近いピクセルほど遠いピクセルより大きく寄与するため、実カメラのレンズが光をピンボケさせる見え方に近い滑らかで自然な結果が得られます。本ツールはブラウザ内蔵の Canvas フィルタを利用し、高品質なガウス風ぼかしをグラフィックハードウェアで加速するため、大きな画像でもほぼ瞬時に処理できます。すべての処理はブラウザ内で完結し、写真が端末から外に出ることはありません。
ぼかしフィルタの仕組み
本ツールは内部で Canvas 2D の ctx.filter = "blur(Npx)" プロパティを使用し、レンダリングパイプラインの一部としてガウスぼかしを適用します。drawImage で元画像をキャンバスに描画する際、ブラウザは半径 N の円形近傍内の入力ピクセルをサンプリングし、ガウス関数に従って重み付けして各出力ピクセルを計算します。この処理はブラウザの最適化されたレンダリングエンジンに委ねられるため、単純なぼかしアルゴリズムで生じがちなバンディングやブロック状のエッジがなく、高速かつ視覚的に滑らかな結果が得られます。
半径スライダーでぼかしの強さを正確に選択できます。0px は画像をそのまま変更せず、1〜3px は肌のレタッチやノイズ除去に最適な繊細な柔化、8〜20px は抽象的な背景作成や機密情報の隠蔽に使える強いピンボケ効果をもたらします。出力は選択した形式に従って PNG、JPG、WebP に再エンコードされます。ピクセル単位で完全に保持したい場合は PNG が最も安全で、JPG と WebP はわずかな追加圧縮と引き換えにはるかに小さなファイルを生成します。
ぼかし半径と強度の比較
適切なぼかし半径の選択は、目的によって異なります。小さな半径は穏やかなソフトフォーカスをもたらし、大きな半径は画像を完全に抽象化するような重いピンボケを生みます。下表は各半径範囲の効果を概観したものです:
| 半径 | 効果 | 典型的な用途 |
|---|---|---|
| 0 px | ぼかしなし——元画像のまま | バイパス/リセット |
| 1〜3 px | 繊細な柔化、軽いノイズ除去 | 肌の滑らか化、ノイズ低減 |
| 4〜7 px | 明確なぼかし、細部が後退 | 背景、幻想的な効果 |
| 8〜12 px | 強いピンボケ | 抽象アート、主体の分離 |
| 13〜20 px | 重いぼかし、ほぼ識別不能 | モザイク、プライバシー保護 |
経験則として、まず 3px 程度から始めて自然な柔化効果を得てから、理想の見た目になるまで徐々に半径を大きくしてください。最初の結果が強すぎたり弱すぎたりした場合は、いつでも別の値で再適用できます。
画像ぼかしを使う場面
画像をぼかすことは、実用的にも創作的にも幅広い場面で役立ちます。プライバシー保護、デザイン作成、あるいは写真に雰囲気を加える際など、制御されたぼかしはしばしば適切な道具です。よくある場面は以下の通りです:
- プライバシーとモザイク。スクリーンショットを共有する前に顔、ナンバープレート、住所、機密テキストをぼかして漏洩を防ぎます。
- 肌のレタッチ。軽いぼかしは瑕疵を柔らかくし、肌色を均一にしながら全体の構造を保ちます。
- 背景の分離。ポートレートや商品写真の背景をぼかすことで浅い被写界深度をシミュレートし、主体を際立たせます。
- 抽象・芸術効果。強いぼかしは任意の写真を柔らかな色面に変え、壁紙、グラデーション、デザイン背景として使えます。
- ノイズ低減。繊細なぼかしは暗所写真の粒状感や圧縮アーティファクトを、後の編集前に取り除きます。
- デザインモックアップ。ぼかした画像はヒーロー背景としてよく使われ、前景コンテンツとの視覚競合を減らします。
画像内の領域の細部が邪魔、無関係、あるいは機密性が高い場合、ぼかしは切り抜きを行わずに柔化・除去する最速の手段です。
画像をぼかす方法
本ツールで画像をぼかすのは数秒で完了し、すべてブラウザ内で行われます——アップロード不要、登録不要、透かしなし。ツールは画像をローカルでデコードし、Canvas API でガウス風ぼかしを適用し、必要な形式で出力できます。以下の手順で進めてください:
- 画像をアップロード。アップロードエリアをクリックするか、JPG、PNG、WebP、GIF、BMP ファイルをドラッグ&ドロップします。画像は即座にデコードされプレビュー表示されます。
- ぼかし半径を設定。0〜20 ピクセルのスライダーを使います。小さな値は繊細な柔化、大きな値は強いピンボケを生みます。
- 出力形式を選択。PNG で無劣化、JPG でより小さな写真、WebP でサイズと品質のバランスを選べます。
- 「ぼかしを適用」をクリック。ツールが画像を処理し、元とぼかし後のサイズを並べて表示します。
- ぼかし画像をダウンロード。「ぼかし画像をダウンロード」をクリックして結果を保存します。元のファイルは変更されません。
すべてのステップは JavaScript でブラウザ内で実行されるため、画像がサーバーにアップロードされることはありません。これにより、ぼかしツールは完全にプライベートで高速、機密画像の処理にも適しています。
この画像ぼかしツールは無料ですか?
はい、完全に無料で、登録不要、透かしなし、制限もありません。
どの種類のぼかしを使っていますか?
ブラウザ内蔵の Canvas フィルタで適用するガウス風ぼかしで、ハードウェア加速され、滑らかで自然な結果になります。
最大ぼかし半径はいくつですか?
スライダーは最大 20 ピクセルです。値が大きいほど、より強いピンボケ効果が得られます。
透明 PNG にもぼかしは効きますか?
はい。PNG で出力すれば透明度は保持されます。JPG は透明度非対応です。
画像はアップロードされますか?
いいえ。すべての処理はローカルで行われ、画像がブラウザから外に出ることはありません。