Add Border to Image
Add a solid colour border around an image, with optional rounded corners.
Processed entirely in your browser. Your image is never uploaded to a server.
- Any width and any colour.
- Optional corner radius rounds the image and border together, instead of a square border against rounded corners.
- Live preview.
- Grows the canvas so nothing is cropped.
- Runs in your browser.
Why this is private
- Processed entirely in your browser. Your image is never uploaded to a server.
- Open your browser's DevTools → Network tab while using this tool — you won't see a request carrying your input, because it never leaves your device.
- Nothing you enter is uploaded to a server or shared with us — the processing happens entirely on your device.
Overview
Adds a solid border of any width and colour around an image, growing the canvas — with an optional corner radius that rounds the image and its border together as one shape. Live preview before download.
How to use it
- 1Add an image.
- 2Set the border width and colour.
- 3Optionally drag the corner radius to round the image and border together.
- 4Download the result.
Frequently asked questions
What people use it for
Frame a photo for a post or printAdd a clean white or black margin so an image doesn't bleed into the page or feed around it.
Add a rounded, bordered photo for a card or profile UIRound the image and its border together in one pass, instead of a plain border sitting oddly against an already-rounded corner.
Separate a screenshot from the pagePut a thin grey border around a UI screenshot in documentation so its edges are obvious.
Add breathing room before a collage or slideGive each image a matching border so they sit apart when combined.
Related guides
- How to resize a photo and signature for online formsApplication portals want the photo and signature at exact pixel sizes and tiny file sizes. Here's how to hit both without an app.
- How to compress images for the web without them looking badWhy images make pages slow, how much quality you can drop before anyone notices, and a repeatable way to hit a size target.
- How to resize an image without losing qualityWhat 'without losing quality' really means when you resize, why enlarging is different from shrinking, and how to keep proportions intact.
- JPG, PNG or WebP: which image format should you use?A practical guide to picking an image format — what each one is good and bad at, and when to convert.
Related tools
All image toolsRound Image CornersRound the corners of an image — all four together, or each independently — and keep them transparent.Add Text to ImageAdd a caption or heading to an image with 9-point positioning, opacity, outline and font control.Crop ImageCrop an image to a custom or preset aspect ratio.Compress ImageReduce image file size while controlling quality — one image or a whole batch.
Ready to use Add Border to Image?
Add Border to Image