Add a Border to an Image
Add a clean border or frame around any image. Choose the color and the width (in pixels or as a percentage of the image), see it update live, and download. A white or black border is great for social posts and product shots. Everything runs in your browser, so the image never leaves your device.
How to add a border to an image
- Drop an image in, or click to browse.
- Pick a border color and width.
- Download the framed image as PNG, JPEG, or WebP.
Examples
White frame for a product photo
A 1000x1000 photo, 40px white border
A 1080x1080 image with an even white frame
Frequently asked questions
Is my image uploaded anywhere?
No. The border is drawn entirely in your browser with the Canvas API, so the image never leaves your device.
Does the image get bigger?
Yes. The border is added outside the image, so the output is wider and taller by twice the border width. The original pixels are untouched.
Can I set the border as a percentage?
Yes. Switch to percent and the width is calculated from the shorter side of the image, so it scales sensibly with any image size.
Can the border be transparent?
Use any solid color you like. For a transparent margin instead of a colored frame, export as PNG and pick a transparent background in a tool that supports it.
Related tools
Round Image Corners
Add rounded corners to an image and export a transparent PNG or WebP. Adjust the radius with a slider, in your browser. Nothing is uploaded.
Image Resizer
Resize images in your browser by pixels, percentage, or to fit a box. Lock the aspect ratio, choose PNG, JPEG, or WebP, and download. Nothing is uploaded.
Image Converter
Convert images between PNG, JPEG, and WebP in your browser. Pick a background to flatten transparency, set quality, and download. Nothing is uploaded.
APNG Detector
Check whether a PNG file is an animated PNG (APNG) in your browser. See the frame count, loop count, and dimensions read straight from the file. Private.
Blur Image
Blur a whole image or drag a box to blur a face, name, or address. Adjustable blur strength, live preview, runs in your browser. Nothing is uploaded.
BMP Header Viewer
Inspect a BMP file's header in your browser: width, height, bit depth, compression, DPI, palette size, and pixel data offset. Nothing is uploaded.