画像ぼかし
画像
画像をどこにもアップロードせずぼかし処理 — 背景画像、バナーサムネイル、スクリーンショットの目隠し、デザインモックアップに便利。Gaussian(デフォルト、滑らか)、ボックス(やや粗いが軽量)、横/縦モーションぼかし(動きを表現)から選択。半径は最大64px。結果はcanvasにレンダリングされPNGダウンロード可能、ライブ要素に適用したい場合は等価なCSS `filter:` 文字列も併せて提供。
—
使い方
- 画像をドロップまたは選択 — 性能のため最大1600pxに縮小されます。
- ぼかしタイプを選び、半径スライダーでリアルタイム調整。
- PNGダウンロードまたはCSS `filter` 宣言をコピーしてライブ適用。
よくある質問
- 画像はアップロードされますか?
- いいえ。`URL.createObjectURL`で読み込みcanvasでレンダリング — すべてブラウザ内で。デバイス外に出ません。
- なぜ大きな画像を1600pxに縮小?
- 64px半径のぼかしを4K画像に適用すると非常に遅くタブが固まる可能性が。1600px上限で応答性を保ちつつWeb用には十分な品質に。フル解像度が必要なら事前にトリミング・リサイズを。
- Gaussianとボックスぼかしの違いは?
- Gaussianはベル型曲線の重み付け — より滑らかで自然。ボックスは均等な重み — 計算がやや軽くやや粗い印象。小さい半径では視覚的にほぼ同じ。