本文へスキップ

枠と余白の追加

Border & Padding

単色・グラデーション・角丸の枠と余白を画像の周りに足すか、目標の比率になるまで余白を埋めます。

1つに見えて2つの仕事です。写真の周りに見える枠を付けることと、プラットフォームが求める形まで写真を余白で埋めることです。どちらもピクセルを削らずに足します。そこが要点で、16:9の写真を、切らずに端を残したまま正方形の格子に置けます。

🔒 ブラウザの中だけで動きますborderpaddingframe

写真を置いてください

枠を付ける、比率まで余白を足す、角を丸める。すべてこのタブの中で行います。

使い方

  1. パーセントかピクセルかを選びます

    パーセントは短いほうの辺に対する割合なので、大きさの違う一群を1つの設定で通しても見た目がそろいます。ピクセルは、その数字が本当に数字であるときに合います。

  2. 必要なら比率まで余白を足します

    格子のサムネイルなら1:1、フィード投稿が切られずに縦へ伸ばせる限界が4:5、ストーリーが9:16です。できあがるキャンバスの寸法と、約分した比率をパネルに出します。

  3. 角を丸めます。内側か、外側かを選びます

    写真側の半径は枠の中の絵を丸めます。外側の半径は全体を丸めるので、アルファのある形式が要ります。

  4. キャプション用に下だけ広げます

    下だけに余白を足します。ポラロイドの形であり、絵を覆わずにキャプションやロゴを置く場所です。

よくある質問

比率に合わせると写真は切られますか

切られません。比率のための余白は、短いほうの軸に背景を足すだけです。逆の動き——形を満たしてあふれた分を切る——が要るなら、それはリサイズの「埋める」です。

丸めた角が黒くなりました

出力がJPEGだったからです。アルファチャンネルがないので、エンコーダーが透明な角を黒の上に合成しました。PNGかWebPで保存してください。

線がなぜ写真の外ではなく内側に引かれるのですか

角の丸めが線も一緒に切り取れるようにするためです。写真の外側に引いた線は四角いままなので、丸めた写真から硬い線がはみ出して残ります。

ここから渡せます

次の一手

このツールが出したものをそのまま受け取れる道具です。