Add a Border to Images Online
Add a solid border around an image in any color, with optional rounded corners. Great for social media frames, product shots, and instant frames for printed photos. All local.
Upload an image
Drop an image here, or click to browse
JPG, PNG, WebP · Max 50 MB per file
Your image stays on your device. This tool runs entirely in your browser. Your file is never uploaded to our server.
How do you add a border to an image?
Adding a border on this page is a short loop: drop the file, pick a color and a width, and download. The tool accepts JPG, PNG, and WebP files up to 50 MB and draws the frame in your browser with the Canvas API, so nothing is uploaded. The border is a solid fill in any color you choose, with an adjustable width and optional rounded corners. It is the quickest way to frame a photo for print, add a branded edge to a social post, or pad a product shot for a marketplace listing.
- 1Drop or select an image. JPG, PNG, and WebP files up to 50 MB are accepted.
- 2Pick a border color. White is the default and works as a clean mat for most photos.
- 3Set the border width and, if you want rounded corners, the corner radius.
- 4Download the framed image. Your original file is never modified.
What does a border do to the image size?
The canvas grows by the border width on every side, so the output is wider and taller than the original. A 1600x1200 photo given a 40-pixel border becomes 1680x1280, because 40 pixels are added to each edge. The photo itself is not cropped or resized; the frame is painted around it as new canvas. That makes the exact output dimensions predictable: add twice the border width to each dimension. The added frame is a solid fill, so it stays crisp at any width, from a 4-pixel hairline to a 100-pixel mat.
Rounded corners: when do you use them?
Rounded corners clip the outer edge of the image at a radius you set, and the border follows the same curve. Set the radius to 0 for sharp corners. A small radius, around 20 to 30 pixels, gives the soft app-style look popular in profile pictures and social graphics. A 1200x1200 square with a 30-pixel radius clips each corner to a soft quarter-circle while the border follows the same curve. Rounded corners work with any border color and width.
Common use cases for image borders
Print matting and framing
A white border reads as a classic print mat. A 2000x1500 photo given a 60-pixel white border becomes 2120x1620, ready for a frame or a gallery wall. The uniform border mimics a physical mat without cropping or resizing the photo.
Branded social media posts
A colored border frames a post in brand colors so it stands out in a feed. A 1080x1080 square post given a 30-pixel accent border becomes 1140x1140, keeping the art untouched while adding a consistent edge across a campaign.
Marketplace product listings
Platforms such as eBay and Etsy favor product shots with a clean, uniform background. A 1600x1600 product photo given a 40-pixel white border becomes 1680x1680, padding the item so it is not clipped by the square thumbnail crop.
Profile pictures and avatars
Rounded corners turn a plain portrait into an app-style avatar. An 800x800 headshot with a 24-pixel radius and a thin border matches the look of modern profile badges and stays sharp at small sizes.
Output formats and what changes
The output keeps the format of the source file: a JPG stays a JPG, a PNG stays a PNG, and a WebP stays a WebP. The quality slider applies to JPG and WebP output and is hidden for PNG, because PNG is lossless. When the output is JPG, transparent areas are filled with white, which is exactly what you want for a border, since the added frame becomes an opaque white or colored background. The border adds a few pixels, so the file size rises slightly, but the increase is small relative to the image.
Border width and color: how do you pick?
There is no single right setting, but a few rules keep the result looking deliberate.
- Thin borders of 10 to 30 pixels suit social posts and product shots, where the frame should not compete with the image.
- Wide borders of 50 to 100 pixels suit print matting, where the border is the point.
- Neutral colors such as white, black, or gray keep the focus on the photo; a brand accent color adds a consistent edge across a set.
Why add a border in the browser?
Every image on this page is processed by the Canvas API inside your browser. Nothing is uploaded, no account is required, and there is no queue. That matters for client work, product photography, or personal photos that you would rather not hand to a third-party service. The result is ready in under a second, because the whole operation runs locally.
Frequently asked questions
Does a border change the image dimensions?
Yes. The canvas grows by the border width on every side, so a 1600x1200 photo with a 40-pixel border becomes 1680x1280. The photo itself is not resized or cropped.
Can I pick any border color?
Yes. The color picker accepts any color. White is the default, which works as a clean mat for most photos. A brand color is useful for keeping a set of posts visually consistent.
What are rounded corners for?
Rounded corners give a softer, app-style look and are popular for profile pictures and social graphics. Set the radius to 0 for sharp corners, or raise it for a more modern frame.
Does a border increase file size?
A little. The border adds pixels around the image, so the file grows slightly, but the increase is small compared to the image itself. The quality slider still controls the final size for JPG and WebP output.
Can I add a border to a transparent PNG?
Yes. Transparency is preserved for PNG and WebP output. When the output is JPG, transparent areas are filled with white, so the border reads as a solid frame.
What border width should I use?
For social posts and product shots, 10 to 30 pixels usually looks right. For print matting, 50 to 100 pixels makes the border the point. The preview lets you adjust before downloading.
Is there a file size limit?
Input files are limited to 50 MB. The limit exists because the tool decodes the full image into memory in your browser. Most photos are far below it.