Skip to content

Border & Padding

Adds a solid, gradient or rounded border and padding around an image, or pads it to a target ratio.

Two jobs that look like one: putting a visible frame around a photo, and padding a photo to a shape the platform demands. Both add pixels rather than removing them, which is the point — a 16:9 photo can go on a square grid with its edges intact instead of being cropped to fit.

🔒 Runs entirely in your browserborderpaddingframe

Drop a photo

Add a border, pad to a ratio, or round the corners — all in this tab.

How to use it

  1. Choose percent or pixels

    Percent is of the shorter side, so a batch of different sizes through one setting stays visually consistent. Pixels are right when the number really is a number.

  2. Pad to a ratio if you need one

    1:1 for a grid thumbnail, 4:5 for the tallest a feed post goes before cropping, 9:16 for a story. The panel shows the resulting canvas size and its reduced ratio.

  3. Round the corners, inside or out

    The photo radius rounds the picture inside its frame; the outer radius rounds the whole thing, which needs a format with alpha.

  4. Add the bottom strip for a caption

    Extra padding at the bottom only — the polaroid shape, and where a caption or a logo goes without covering the picture.

Common questions

Will padding to a ratio crop my photo?

Never. Ratio padding only adds background on the short axis. If you want the other behaviour — filling the shape and cutting the overflow — that is “cover” in the resizer.

The rounded corners came out black.

The output was JPEG, which has no alpha channel, so the encoder composited the transparent corners onto black. Save as PNG or WebP.

Why is the stroke inside the photo rather than around it?

So a corner radius clips it too. A stroke drawn outside the photo’s edge would stay square, leaving a hard line poking out past a rounded photo.

Feed it from

Next

These accept what this tool produces, so the result can go straight in.