画像ぼかし
画像をどこにもアップロードせずぼかし処理 — 背景画像、バナーサムネイル、スクリーンショットの目隠し、デザインモックアップに便利。Gaussian(デフォルト、滑らか)、ボックス(やや粗いが軽量)、横/縦モーションぼかし(動きを表現)から選択。半径は最大64px。結果はcanvasにレンダリングされPNGダウンロード可能、ライブ要素に適用したい場合は等価なCSS `filter:` 文字列も併せて提供。
—
使い方
- 画像をドロップまたは選択 — 性能のため最大1600pxに縮小されます。
- ぼかしタイプを選び、半径スライダーでリアルタイム調整。
- PNGダウンロードまたはCSS `filter` 宣言をコピーしてライブ適用。
よくある質問
- 画像はアップロードされますか?
- いいえ。`URL.createObjectURL`で読み込みcanvasでレンダリング — すべてブラウザ内で。デバイス外に出ません。
- なぜ大きな画像を1600pxに縮小?
- 64px半径のぼかしを4K画像に適用すると非常に遅くタブが固まる可能性が。1600px上限で応答性を保ちつつWeb用には十分な品質に。フル解像度が必要なら事前にトリミング・リサイズを。
- Gaussianとボックスぼかしの違いは?
- Gaussianはベル型曲線の重み付け — より滑らかで自然。ボックスは均等な重み — 計算がやや軽くやや粗い印象。小さい半径では視覚的にほぼ同じ。
関連ツール
CSS フィルタープレイグラウンド
blur・brightness・contrast・hue・sepia・invert など 9 種を視覚的に組み合わせ — CSS や Tailwind 任意値でコピー。
カラー 0 0
画像デュオトーン効果
どんな画像にも2色デュオトーン効果を適用 — シャドウカラー·ハイライトカラー選択、ミッドポイント·コントラスト調整、結果ダウンロード。Spotify風カバーが2クリックで。
画像 0 0
画像 → WebP / JPEG / PNG 変換
PNG/JPG ↔ WebP 変換、品質スライダー可 — ブラウザ canvas で実行。
ファイル 0 0
画像エッジ検出 (Sobel / Scharr / Prewitt)
Sobel・Scharr・Prewitt の 3 つの古典的な 3×3 勾配オペレータで画像のエッジを検出。ノイズ制御のための事前ブラー、エッジ強度の閾値、前景/背景色を自由に設定でき、ブループリント・スケッチ・ネオン風の出力が可能。
画像 0 0
画像圧縮
JPEG・PNG・WebP 画像をブラウザで圧縮・リサイズ。
画像 0 0
画像シャープ化 (アンシャープマスク)
ブラウザ内でアンシャープマスクアルゴリズムを使い写真やスクリーンショットをシャープ化 — 3 つのスライダー (amount, radius, threshold)、4 つのプリセット (控えめ → 極強)、リアルタイム before/after 比較、PNG ダウンロード。アップロードなし。
画像 0 0