Image
Add Border to Image
Frame a photo with a solid-color border — width, color, style, and rounded corners. Nothing leaves your browser.
A simple border can turn a plain photo into something that looks finished — a thin black line for a gallery feel, a thick white Polaroid-style edge for a nostalgic look, or a subtle gray frame for a product shot. This tool draws the border directly onto an HTML Canvas element in your browser: choose whether it adds to the image's size or overlaps its outer edge, set the width in pixels or as a percentage, pick any color, and optionally round the corners. The final pixel dimensions are shown live as you adjust the settings, and nothing is ever uploaded to a server at any point.
Related Tools
How to Use
- 1
Drop in a photo — PNG, JPEG, or WebP — or click to browse.
- 2
Pick a quick preset (Thin black, Polaroid, Subtle gray) or set your own width, color, and placement.
- 3
Choose "Outer" to add the border around the image, or "Inner" to overlap it on the existing edge without changing the canvas size.
- 4
Optionally drag the corner-radius slider to round the corners.
- 5
Pick PNG or JPG (JPG is only available when the result is fully opaque) and click "Export image" to download.
Frequently Asked Questions
Does the border change the image dimensions?
It depends on the placement you choose. "Outer" adds the border width to each side, so the final image is larger than the original. "Inner" keeps the original dimensions and draws the border overlapping the outer edge of the photo instead.
Can I set the border width as a percentage instead of pixels?
Yes. Switch the unit toggle to "%" and the width is calculated as a percentage of the shorter side of your image, so the border stays proportional regardless of the photo's dimensions.
What is the Polaroid-style preset?
It applies a white border with a much thicker bottom edge, matching the classic instant-film photo look. You can also enable "Thicker bottom" manually with any color and width.
Can I round the corners?
Yes. Use the corner radius slider to round the corners of the final bordered image. Rounded corners require transparent pixels outside the curve, so the export format is automatically set to PNG whenever a radius is applied.
Should I export as PNG or JPG?
JPG is available whenever the result is fully opaque — a square-cornered border on a photo with no existing transparency. If your source image has transparent areas, or you've added rounded corners, PNG is used automatically to preserve them.
Is my photo uploaded to a server?
No. The border is drawn directly onto an HTML Canvas element in your browser and exported from there. Nothing is sent anywhere — open your browser's Network tab while using the tool to confirm.