๐ผ๏ธ Image Border/Frame Generator
Drag and drop an image, or click to select
Upload an image and specify a border thickness and color to generate a PNG with a border added around it.
How to use
- Drag and drop an image, or click to select one.
- Set the border thickness (px) and color.
- Click "Download PNG" to save it.
How the calculation works
Adds a solid-colour border of equal thickness on all four sides of an image. Use it to frame a photo or to make an imageโs edge stand out on social media. Resulting size width = original width + thickness ร 2 height = original height + thickness ร 2 Thickness is in pixels of the original image, and the image itself is never shrunk. The result is saved as PNG.
Worked example
A 1000 ร 800 pixel photo with a 20-pixel white border โ a 1040 ร 840 pixel image A pale photo on a white website stands out better with a thin grey or black border of 2โ4 pixels.
Things to be aware of
- The preview is scaled down, so the same thickness looks thinner on larger photos. About 2โ5% of the longer side is a good starting point.
- Transparent areas of the original are filled with the border colour.
- Processing happens in your browser; the image is never uploaded.
FAQ
How is the border thickness specified?
It's the number of pixels added on each side (top, bottom, left, right) relative to the image's original pixel size.
Can I make a transparent border?
The current version only supports a solid-color border. You can pick any solid color, including white or black, with the color picker.
Is the image uploaded to a server?
No. All processing happens using your browser's Canvas API โ the image is never sent to a server.