ぼかしフレーム画像生成
Free写真をトリミングせずに正方形や他のアスペクト比に収め、余白を画像のぼかしてズームしたコピーで埋めます。
すべてブラウザ内で動作します。画像がどこかにアップロードされることはありません。
クリックして画像を選択するか、ここにドラッグ＆ドロップしてください
このツールの機能
プロフィール写真用の正方形など、元のコンテンツを一切切り抜くことなく、写真を別のアスペクト比に収めます。写真の周りの余分なスペースは、同じ画像を拡大してぼかしたコピーで埋められるため、単純な帯を残すのではなく、意図的なデザインに見える結果になります。
仕組み
出力キャンバスは、選択したアスペクト比に一致する最小のフレームでありながら、両次元で元の写真と同じかそれ以上の大きさになるようにサイズ設定されます。そのため、写真は拡大縮小やトリミングなしで自然なサイズのままその中に収まることができます。写真の小さな作業用コピーがボックスブラーでぼかされ(各ピクセルを繰り返し隣接ピクセルと平均化)、その後拡大され、その出力キャンバスを完全に覆うように中央でトリミングされます。これはCSSのbackground-sizeで使われるのと同じ「cover」の挙動で、ズーム設定がその拡大時にどれだけトリミングされるかを制御します。最後に、元の写真がフル解像度でその上に描かれ、キャンバスの中央にぴったりと配置されます。
解決できる問題
- 横長または縦長の写真を、誰も何も切り取ることなく、Instagram、WhatsApp、Facebook、Twitter/X用の正方形のプロフィール写真に変える。
- 特定のソーシャルプラットフォームが必要とするアスペクト比(ストーリーズ、フィード投稿、バナー)向けに、写真全体を見えるようにしたまま準備する。
- 単純な白や黒の帯の代わりに、写真の周りにブランドに合った柔らかい背景を追加する。
よくある質問
›なぜ画像を新しい形状に合わせて単純に切り抜かないのですか?
切り抜きは写真の一部を永久に削除し、端付近の人物、テキスト、重要な詳細を切り取ってしまう可能性があります。このツールは、元の画像全体をその自然なサイズのまま損なわずに保持し、代わりにその周りの余分なスペースを埋めることで、これを完全に回避します。そのため、元の写真から失われるものは何もありません。
›「背景ズーム」は何を制御しますか?
これは、ぼかされた背景がフレームを埋める前にどれだけ拡大されるかを制御します。ズームが高いほど背景がより多くトリミングされ(端が少なく表示され)、これはしばしば意図的に見え、明らかに引き伸ばされた写真のコピーには見えにくくなりますが、その代わり背景として表示される元画像の範囲は小さくなります。
›InstagramやWhatsAppにはどの出力形状を使うべきですか?
正方形(1:1)は両プラットフォームのプロフィール写真の定番の選択です。4:5はInstagramの標準的な縦長フィード投稿の形状に一致し、9:16はInstagram/WhatsAppのストーリーズに一致します。特定のプラットフォームや用途で必要な正確なピクセル寸法がわかっている場合はカスタムを使用してください。
›なぜぼかしはフル解像度ではなく小さいバージョンの画像で計算されるのですか?
背景は常にぼかされて拡大された状態でのみ表示されるため、まず小さな作業用コピーでぼかしを計算しても視覚的には同一に見えます(むしろより柔らかく美しく見えることが多い)。同時に、特に電話やカメラから直接得られる大きな写真の場合、劇的に高速になります。あなたの元の写真は、フルの、加工されていない解像度で上に配置されたままです。
›写真はどこかにアップロードされますか？
いいえ。ファイルの読み込み、背景のぼかし、最終画像の合成まで、すべてHTML canvas APIを使用してブラウザ内でローカルに行われます。サーバーには何も送信されません。
コメント (0)
このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。
まだコメントはありません。最初にご意見をお寄せください!