画像の余白・枠線追加
画像
画像に単色（または透明）の背景余白を追加し、任意で色付きの枠線も描画できます。全方向に同じ余白を付ける『固定余白』モードと、目標のアスペクト比に自動で合わせる『比率フィット』モードを切り替えられます。Instagram のスクエア投稿、ストーリーの縦長比、YouTube サムネイル、スライドの統一感、印刷用フレームなどに便利です。結果はキャンバスに描画され、PNG・JPEG・WebP として保存できます。画像と処理はすべてブラウザ内で完結します。
—
使い方
- 画像をドロップまたは選択 — キャンバス性能のため長辺 2400px に縮小されます。
- 『固定余白』で全方向均等、または『比率フィット』で目標比率に合わせます。
- 余白量・背景色（PNG/WebP なら透明可）・任意の枠線を設定します。
- PNG・JPEG・WebP のいずれかでダウンロードします。
よくある質問
- 画像はサーバーに送信されますか?
- いいえ。`URL.createObjectURL` でローカルに読み込み、`<canvas>` に描画します。データは一切外部に送信されません。
- 『比率フィット』モードの動作は?
- 選んだ比率（例: 1:1）に合うよう、短い軸の方向に余白を追加します。画像は中央に配置され、スライダーの値は比率合わせ前の最小余白として使われます。
- JPEG を選ぶと『透明』が無効になるのはなぜ?
- JPEG はアルファチャンネル非対応のため、透明ピクセルが黒または白で保存されます。透明背景が必要なら PNG か WebP を使ってください。
- 余白と枠線の違いは?
- 余白は画像の外側にある背景スペース、枠線は画像の縁に接して描かれる色付きフレームです。両方・片方・なし、自由に組み合わせられます。