How do I add a border to an image?

Drop an image, set the border width and colour, and a frame appears around it straight away. You can also round the corners. The border grows the image outward, so none of the original is covered. Download as PNG or JPG. It all runs in your browser, so the image is never uploaded.

Does the border cover part of my image?

No. The frame is added outside the picture, so the canvas grows by the border width on each side and the whole original stays visible. The exported file is larger than the original by twice the border on each dimension.

Can I round the corners?

Yes. Turn on rounded corners and set the radius. Because rounded corners need transparency outside the curve, save as PNG to keep them clean. A JPG cannot store transparency, so its corners fill with a solid colour instead.

What size should the border be?

The width is set as a percentage of the image, so it scales with any size you drop in. A thin one or two percent border reads as a neat edge, while a wider five to ten percent frame gives a matted, gallery look. Adjust and watch the preview.

Can I match the border to my brand colour?

Yes. Pick from the quick presets or use the colour picker to set any exact colour, so the frame can match a brand palette, a slide background or the room you are printing for.

Is my image uploaded to add a border?

No. The image is drawn to a canvas and framed entirely in your browser. Nothing is sent to a server, which you can confirm in the Network panel.

Add Border to Image

Add a border to an image

Drop an image, set the border width and colour, and a frame appears around it at once. Round the corners if you like. The border grows the image outward, so none of the original is covered. Download as PNG or JPG. It runs in your browser, so the image is never uploaded.

Files never leave your device
Runs in your browser
Free, no signup

How it works

1
Drop an image
Add a JPG, PNG, WebP, GIF or AVIF. It is drawn to a canvas in your browser, with no upload.
2
Set width and colour
Choose the border thickness and pick a colour from the presets or the colour picker.
3
Round and save
Optionally round the corners, then download as PNG, or JPG for a solid edge.

What this border tool gives you

Frame, do not cover

The border is added outside the image, so the whole original stays visible and only the canvas grows.

Any colour, optional rounding

Pick a preset or an exact colour, and round the corners for a card or avatar look, kept clean as a PNG.

Framed locally, never uploaded

The image is framed in your browser and never sent anywhere, so it stays on your device.

Where this helps

Social

Social posts

Add a clean white or coloured margin so a photo stands out in a feed.

Series

Consistent sets

Give a group of images the same frame so they read as a deliberate set.

Screenshots and cards

Round the corners for an app-screenshot or card look that sits neatly on a slide.

Prints and mounts

Add a wide white margin for a matted, gallery-style frame before printing.

Tips that help

1
Thin to define, wide to frame
One to two percent reads as a crisp edge; five percent and up gives a matted, framed look.
2
Save rounded corners as PNG
Rounded corners need transparency. PNG keeps them clean; JPG fills them with a solid colour.
3
Match the background
Pick a border colour that suits where the image will sit, whether a feed, a slide or a page.
4
One setting for a set
Use the same width and colour across several images so they look like a series.

Adding a border to an image: framing, spacing and rounded corners

A border is a small change that does a lot: it separates an image from the background it sits on, gives a set of photos a consistent look, and can frame a picture for print or a slide. This guide covers how an added border works, how wide to make it, and when rounded corners help.

How an added border works

The frame is added around the outside of the image rather than over it, so the canvas grows by the border width on every side. Nothing in the original picture is hidden, and the result is simply a larger image with a coloured edge.

Because the width is set as a percentage of the image, the same setting looks consistent whether you drop in a small thumbnail or a full-resolution photo. A two percent border reads the same on both.

The colour fills that new outer area. White and light grey are the classic neutral choices, black gives a bold gallery edge, and any custom colour lets the frame match a brand or a background.

Choosing the width

A thin border, around one to two percent, reads as a crisp edge that simply separates the image from the page. It is the right choice when you want definition without drawing attention to the frame itself.

A wider border, five percent and up, creates a matted, framed look, like a photo in a mount. This suits a single hero image, a print, or a square social post where the empty margin is part of the composition.

If you are framing several images to sit together, pick one width and colour and apply it to each, so the set looks like a deliberate series rather than a mix.

Rounded corners and exporting

Rounded corners soften the look and are common for app screenshots, cards and avatars. The radius is yours to set, from a gentle round to a strongly curved edge.

Rounded corners create transparency outside the curve, so the format matters. Export as PNG to keep those corners clean against any background. A JPG has no transparency, so its corners fill with a solid colour, which only looks right if that colour matches where the image will sit.

If you want to put words inside the frame, add them first with the text tool, or lay a repeated watermark across the image before framing it.

Frequently asked questions

Honest answers to what people ask before using this tool.

Add a border to an image

How it works

Drop an image

Set width and colour

Round and save