画像に余白を追加

こんなときに使えます

画像を切り取らずに周囲へ余白を足したり、写真や商品画像へ白フチを付けたいとき。

例: 1200×800px → 上下左右50pxを追加 → 1300×900px

こんな困りごとを解決します

元画像を切り取らず、指定したpx分だけ外側へキャンバスを広げます。白フチ・黒フチ・透明余白・任意色を選び、複数画像にも同じ設定を適用できます。

• 画像を切らずに周りへ余白を追加したい
• 写真や商品画像へ白フチを付けたい
• 上下左右の余白量を別々に調整したい
• 画像の外側を広げて文字やデザイン用のスペースを作りたい

主な機能

• 上・右・下・左の余白をpx単位で指定
• 白・黒・透明・HEX指定の背景色に対応
• 元画像を切り取らず、外側のキャンバスだけを拡張

使い方

1. JPEG・PNG・WEBP・AVIF・BMPを選びます。
2. 必要な設定を確認します。
3. 処理を実行し、結果を確認して保存します。

対応形式

入力: JPEG・PNG・WEBP・AVIF・BMP

出力: 元形式・JPEG・PNG・WebP

プライバシーと注意点

入力ファイルは原則としてサーバーへ送信せず、ブラウザ内で処理します。

• PNG・WebPでは透明な余白を保持できます。JPEGでは透明を白背景へ変換します。
• 出力後の幅・高さが最大辺8192pxまたは1600万画素を超える場合は処理を止めます。

画像に余白を追加を使う前に知っておきたいこと

画像の周りに文字やデザイン用のスペースを作りたいとき、画像を正方形に揃えるだけでは余白量を思いどおりに決められません。このツールは縦横比を変えず、指定したpx分だけ外側へキャンバスを広げます。

余白追加と画像リサイズの違い

リサイズは画像そのものの幅・高さを変更する処理です。余白追加は元画像の大きさを保ったまま、外側のキャンバスだけを広げます。画像を小さくしたい場合は画像リサイズを使ってください。

白フチ・黒フチ・透明余白を使い分ける

白や黒は写真・商品画像の周囲をはっきり見せたいときに便利です。透明余白はPNG・WebPで保持できます。JPEGは透明に対応していないため、白背景へ変換して保存します。

元画像は縮小・切り抜きしない

白フチを付けても元画像自体は縮小・変形・切り抜きしません。指定した位置へ元画像をそのまま置き、新しいキャンバスの外側へ余白を追加します。

上下左右を個別指定するとサイズがどう変わる？

出力幅は元の幅＋左＋右、出力高さは元の高さ＋上＋下です。たとえば100×50pxに上10・右20・下30・左40pxを足すと160×90pxになり、元画像の配置位置はx=40、y=10です。

正方形化ツールとの違い

「画像を正方形にする」は最終的な縦横比を1:1に揃えることが目的です。このツールは縦横比を問わず、指定したpxだけ外側へキャンバスを広げることが目的です。

よくある質問

画像を切り取らずに余白だけ追加できますか？

できます。元画像はそのまま中央または指定位置に置き、外側のキャンバスを広げます。

白い余白以外も使えますか？

黒、透明、カラーピッカーやHEXで指定する任意色に対応しています。

上下だけ余白を追加できますか？

できます。個別指定に切り替え、左右を0px、上または下を必要な値にしてください。

画像はサーバーへ送信されますか？

されません。画像の読み込み、描画、保存はブラウザ内で処理します。

透明な余白をJPGで保存できますか？

JPEGは透明に対応していないため、透明な余白は白背景へ変換して保存します。透明のまま残す場合はPNGまたはWebPを選んでください。

正方形に揃えたい場合は？

最終的な縦横比を1:1に揃えたい場合は、「画像を正方形にする」ツールを使ってください。