Searching...
No tools found

How to Add a Border or Frame to an Image (Without Photoshop)

Images··5 min read

How to give an image a border or frame: the width, colour and rounded corners, measured on a real photo, with the format that keeps it smallest.

A border is the quiet way to stop a photo from floating on a white page. It is also, with one setting, the way to round a photo’s corners so it reads as a card instead of a crop. This guide walks through both, on a real photo, using the image border tool on this site.

What a border actually does to the file

Most editors add a border by drawing a frame on top of the image and leaving the original pixels untouched. That is exactly what this tool does, and it matters for two reasons you can measure.

First, the picture itself is not touched. The border is a ring drawn around it, so the subject stays at its original detail and the file is not re-compressed a second time. Second, the output gets bigger by the frame. A border of 40 pixels adds 40 pixels to every side, so an 800×400 photo becomes an 880×480 file. You can see that number in the tool, on each tile, the moment the border is rendered.

On a real photo this is what it produced. The source was a 14,059-byte 800×400 JPEG. With a 40-pixel white border and square corners, the result was 13,213 bytes at 880×480. Turned out smaller, not bigger, because the added white frame compressed well and the JPEG encoder simply settled on a different bit rate for the larger canvas. A border does not promise to make a file smaller — it adds pixels. What it does guarantee is that the frame is uniform all the way round and the corners stay even, which is the part that is easy to get wrong by hand.

Choosing the width, colour and corner roundness

The tool has three frame settings and an output format, all of them applied to the whole batch as you change them, so the preview never disagrees with the download.

Width. The border thickness, from 0 up to 200 pixels. A white border is the margin — a 40-pixel white border is a 40-pixel white margin — so this is also the control for padding. Set the colour to white and the width to the margin you want and there is no separate padding slider to keep in sync.

Colour. Twelve presets plus a picker for anything else. White is the default and the only value that is right on paper; a charcoal or black frame does the same job when the photo is going to sit on a light background and you want the border to recede.

Corner roundness. The radius of the image’s own corners. This is the whole difference between a photo and a card. Set both width and roundness high and the photo reads as a rounded tile; the outer edge of the frame follows the same curve, so the border stays a uniform thickness even on a wide image where the left and right ends are almost nothing but the two corners.

PNG, JPG or WebP — which to export

The default follows the source: frame a JPEG and you get a JPEG back, which keeps the file close to its original size. Pick PNG when the border has to carry transparency, for example a white frame you later place over a coloured page. Pick WebP when you want the smallest file that still looks right. The tool shows the exact size on each tile before you download, so the choice is made with a number on it rather than on a guess.

What it will not do

This tool adds a border; it does not remove a background. If you need the photo cut out first, that is a different job. And a border cannot shrink a photo — it adds a ring of pixels around it. Use it for the frame and the margin, and it does exactly that, entirely on your device.

Written by the Chaudify team. Every tool mentioned here runs entirely in your browser — nothing you open is ever uploaded. Browse all tools or read more guides.