画像の余白・枠線追加
画像に単色(または透明)の背景余白を追加し、任意で色付きの枠線も描画できます。全方向に同じ余白を付ける『固定余白』モードと、目標のアスペクト比に自動で合わせる『比率フィット』モードを切り替えられます。Instagram のスクエア投稿、ストーリーの縦長比、YouTube サムネイル、スライドの統一感、印刷用フレームなどに便利です。結果はキャンバスに描画され、PNG・JPEG・WebP として保存できます。画像と処理はすべてブラウザ内で完結します。
—
使い方
- 画像をドロップまたは選択 — キャンバス性能のため長辺 2400px に縮小されます。
- 『固定余白』で全方向均等、または『比率フィット』で目標比率に合わせます。
- 余白量・背景色(PNG/WebP なら透明可)・任意の枠線を設定します。
- PNG・JPEG・WebP のいずれかでダウンロードします。
よくある質問
- 画像はサーバーに送信されますか?
- いいえ。`URL.createObjectURL` でローカルに読み込み、`<canvas>` に描画します。データは一切外部に送信されません。
- 『比率フィット』モードの動作は?
- 選んだ比率(例: 1:1)に合うよう、短い軸の方向に余白を追加します。画像は中央に配置され、スライダーの値は比率合わせ前の最小余白として使われます。
- JPEG を選ぶと『透明』が無効になるのはなぜ?
- JPEG はアルファチャンネル非対応のため、透明ピクセルが黒または白で保存されます。透明背景が必要なら PNG か WebP を使ってください。
- 余白と枠線の違いは?
- 余白は画像の外側にある背景スペース、枠線は画像の縁に接して描かれる色付きフレームです。両方・片方・なし、自由に組み合わせられます。
関連ツール
画像クロップ(アスペクト比)
画像を 1:1・16:9・4:3 などの標準アスペクト比に自動中央クロップ。
画像 0 0
画像アスペクト比検出
画像をドロップしてピクセル寸法、簡略化されたアスペクト比、小数比、メガピクセル、向き、ファイルサイズ、最も近い一般的なプリセットを表示。
画像 0 0
アスペクト比計算機
幅 × 高さ ↔ アスペクト比(16:9・4:3・21:9 …)変換 — コンテナにフィット計算。
変換 0 0
画像トリム (透明・単色の余白を自動カット)
画像の透明・白・黒・任意の単色の余白を自動検出してカット。許容差スライダー、パディング指定、PNG/JPEG/WebP 出力。すべてブラウザ内で処理。
画像 0 0
画像テキストウォーターマーク
画像をドロップしてテキストウォーターマークをスタンプ — コーナー、サイズ、不透明度、回転、色、ドロップシャドウ、または画像全体のタイリングを選択。
画像 0 0
画像圧縮
JPEG・PNG・WebP 画像をブラウザで圧縮・リサイズ。
画像 0 0