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.
Related articles
- How to Reduce Image Size to KB (20 KB, 50 KB, 200 KB)A form that says "maximum 200 KB" is not asking you to guess at a quality slider. Here is how to hit the number exactly, why "200 KB" means two different things, and what it costs in pixels.
- PNG to AVIF: Measured Sizes, and When AVIF LosesAVIF is the smallest format the web has, and on the right file it is dramatic — 4.07 MB of PNG became 482 KB. On the wrong file it is larger than what you started with. Here are the measured numbers for both.
- How to Remove EXIF Data from a Photo (No Quality Loss)Every phone photo carries hidden text: where it was taken, when, and on what device. Here is how to see it, how to remove it without damaging the picture, and which apps quietly pass it on.
- How to Convert HEIC to JPG (Why iPhone Photos Won't Open)Your iPhone saves photos as HEIC, and almost nothing outside Apple can open them. Here is how to convert them to JPG, and how to stop the problem at the source.
- How to Remove Image Backgrounds (Complete Guide)Learn how to remove image backgrounds online. A practical guide to making backgrounds transparent for ecommerce, social media, and design.
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.