上下左右をピクセル指定
商品画像、印刷余白、アイコン周囲など正確な余白値が必要な場合に適します。
011 · IMAGE EDIT
画像余白・背景追加ツール
画像を切り取らずに余白や背景を追加し、希望の比率に合わせられます。
LOCALブラウザ内で処理
WORKSPACE画像余白・背景ワークスペース
画像をここにドロップするか選択してください
画像はサーバーに送信されず、現在のブラウザ内だけで処理されます。
JPG・PNG・WebP · 1枚ずつ処理HOW TO USE
使い方
- 01
余白や背景を追加する画像を選択します。
- 02
正方形、方向別余白、または希望する比率を選択します。
- 03
単色、透明、ぼかし背景を選択します。
- 04
必要に応じて上下左右の余白を調整します。
- 05
画像のサイズと位置を調整します。
- 06
元画像と結果を比較し、出力ピクセルを確認します。
- 07
出力形式と画質を選択します。
- 08
画像をダウンロードして保存します。
CANVAS & BACKGROUND GUIDE
余白・比率・背景を選ぶ基準
元画像を切り取らず目的に合うキャンバスを作る違いを確認できます。1:1 · 4:5 · 16:9
元画像全体を維持したまま投稿やサムネイルの縦横比を合わせます。
単色・透明・ぼかし
商品や文書には単色、素材には透明、写真中心の投稿にはぼかし背景が向く場合があります。
USE CASES & NOTES
活用例と注意事項
投稿・商品・プロフィール画像に余白や背景を使うときの実用上の基準です。投稿・商品・プロフィール画像
縦写真の正方形化、商品写真への白背景、PNG素材の透明余白、写真投稿のぼかし背景などに使えます。
切り抜き・サイズ変更と区別する
011は切り取らずキャンバスを広げます。画像の一部を削る場合は008、元画像のピクセル数を変更する場合は006を使います。
透明度・ぼかし・高解像度を確認
JPGは透明度を保存できず、ぼかし背景の複製は全面を埋めるため一部が切れる場合があります。大きな結果は元画像以上のメモリを使います。出力は一辺16,384px、合計100,000,000ピクセル以内か確認してください。
EXPERT POST
画像余白と背景を正確に作る技術基準
キャンバス計算、透明度、ぼかし描画、座標、高解像度出力の違いを理解すると結果のズレを減らせます。余白追加とサイズ変更は別の処理です
余白追加は元画像の画素を切り取らず外側のキャンバスを広げます。サイズ変更は画像自体のピクセル数を変更します。投稿比率だけを合わせる場合は、まず余白で解決できるか確認すると元画像を保ちやすくなります。
正方形は長辺を基準に計算します
横長画像は上下、縦長画像は左右に必要な空間を追加すると切り取らず正方形にできます。小さい結果サイズを指定する場合は縦横比を維持して縮小します。
比率プリセットは固定ピクセルではありません
1:1、4:5、16:9は縦横の関係を示すもので解像度ではありません。同じ4:5でも1080×1350と2160×2700では容量と処理負荷が異なります。
透明背景は出力形式に左右されます
PNGと透明度対応WebPはアルファを保存できますが、JPGは保存できません。チェック柄はプレビュー表示だけで、出力画像に含めてはいけません。
ぼかし背景は前面画像と別に描画します
元画像の複製をcover方式でキャンバス全体に敷いてぼかし、その上に切り取らない元画像を再配置します。背景側は一部切れても前面画像は切れないことが重要です。
プレビューと保存は同じ座標計算を使います
プレビューは高速化のため縮小できますが、余白と位置は元ピクセル基準で計算しないと保存時に数ピクセルずれる可能性があります。
アップスケールは細部を復元しません
小さい画像を大きくしても元にない情報は増えません。必要以上に前面画像を拡大するより背景の空間を増やす方が鮮明さを保ちやすい場合があります。
高解像度では入力以上のメモリを使います
余白やぼかし背景では最終キャンバス以外に一時バッファが必要になる場合があります。実際の限界検証で確認した運用上限は一辺16,384px、合計100,000,000ピクセルで、どちらかを超える結果はダウンロードを停止します。
モバイルではドラッグとスクロールを分離します
プレビューで画像を動かす操作がページスクロールと競合しないようにし、編集終了後は通常スクロールを戻す必要があります。縦長9:16には画面に合わせる表示も重要です。
保存前に比率とピクセルを両方確認します
投稿先によって比率と推奨ピクセルが別々に決まることがあります。結果比率、縦横ピクセル、背景方式、出力形式を一緒に確認してください。
FAQ
よくある質問
01元画像は切り取られますか？+
基本モードでは元画像全体が見えるようにキャンバスを拡張し、前面画像を切り取りません。
02写真を正方形にできますか？+
はい。正方形に合わせると、元画像を切り取らず必要な方向に余白を追加します。
03上下左右を別々に設定できますか？+
はい。上、下、左、右をピクセル単位で個別設定できます。
元ファイルは変更されません。更新または全初期化で現在の編集内容が削除されます。