Updated · Built and checked by the PlinzoTools team, formulas tested against published sources
Add a solid-color border of any width around an uploaded image.
Upload an image to add a border.
This tool adds a solid-color border of your chosen width around an uploaded image, entirely client-side using the Canvas API -- pick a color and width, see a live preview, and download the bordered result.
Upload an image, then adjust the border width and color. The preview updates live; download the result when you're happy with it.
The tool does not paint over the edges of your picture. It creates a new, larger canvas whose width and height are each the original size plus twice the border width, fills the whole canvas with your chosen color, and then draws your original image in the middle, offset by the border width. So no part of your photo is covered or cropped. The border is added outside the image, and the final file is bigger than the original.
New width = original width + 2 × border width. New height = original height + 2 × border width.
Take a hypothetical product photo of 1000 by 800 pixels and add a 25 pixel white border. The new canvas is 1050 by 850 pixels (1000 plus 50, and 800 plus 50), the original photo sits in the middle, and the white frame is 25 pixels thick on every side. If you needed a final size of exactly 1000 by 800 with the border included, you would first resize the photo to 950 by 750 in an editor, and then add the same 25 pixel border with this tool to arrive at 1000 by 800.
Pixel width is absolute, not relative. A 20 pixel border looks thick on a 300 pixel thumbnail and barely visible on a 6000 pixel photo. A useful rule of thumb is to think in percentages of the shorter side, such as 2 to 5 percent for a subtle frame and more for a bold matte look. Multiply your image's shorter side by the percentage to get a starting width, then adjust with the live preview.
If your source image has transparent areas, the border color is drawn first and the image on top of it, so transparent regions of the picture will show the border color behind them instead of remaining see-through. Very large images combined with a large border produce a large canvas, which can be slow or hit browser memory limits, so consider resizing first. To match an exact color from a brand palette, use the color picker's hex entry if your browser provides one. If you need rounded corners, a shadow, or a different border on each side, use an image editor, since this tool intentionally does one simple job. Keep the original file, because the result is a new image rather than an edit of the same file.
All of the drawing is done locally in your browser using the canvas, and your image is not uploaded by the tool.
No -- the border is added entirely in your browser using the Canvas API.
No -- this tool adds a uniform border of one color and width on all sides. For more complex framing, an image editor would be needed.
No. The tool enlarges the canvas and places the full image in the middle, so the border is added around the outside and nothing is cropped.
One pixel. Values below one are corrected to one automatically.
No. The border is a solid color chosen with the color picker, and there is no transparency option.
PNG, named image-with-border.png, regardless of the format of the file you uploaded.