Add a Border to an Image
Add Decorative Borders
Add a border, a white mat or a frame to one image or a whole batch, with rounded corners and a soft shadow if you like. It all happens in your browser, so your images are never uploaded.
Drop your images here
JPG, PNG, WebP, HEIC and more, as many as you like. They never leave your device.
A 10 px black border. Change it below.
or paste from the clipboard (Ctrl/Cmd+V)
Frame Presets
Border Settings
Guide by Ashley Whitehair, web designer at Norwich Website Design
How to add a border to an image
Add your images
Drop JPG, PNG, WebP or iPhone HEIC images onto the box above, or press Choose images. Add one or a whole batch.
Pick a frame
Start from a preset such as White Mat or Polaroid, then adjust the border width, colours, padding, corners and shadow if you like.
Apply and download
Press Apply Frame, check the results, then press Download. Several images download together as one ZIP.
The frame presets
Each preset is a starting point you can adjust:
| Preset | What you get | Size added |
|---|---|---|
| Default | A 10 px black line | 10 px each side |
| Simple Black | A 5 px black line | 5 px each side |
| White Mat | A 30 px white mat inside a thin 2 px black line, like a mounted print | 32 px each side |
| Polaroid | A 15 px white border, even all round, with a soft shadow | 15 px each side, plus 15 px of shadow |
| Gold Frame | A 15 px gold line around a 5 px near-black inner edge | 20 px each side |
| Vintage | A 12 px brown line around an 8 px cream mat | 20 px each side |
| Modern | A 3 px dark grey line with rounded corners and a soft shadow | 3 px each side, plus 25 px of shadow |
| Shadow Only | No border, just a soft shadow | 30 px of shadow each side |
Sizes and colours
The frame is built from the outside in: the border line, then the padding (the mat), then your image.
- Border Width: 0 to 200 px. Set 0 for no line.
- Padding / Mat: 0 to 500 px of solid colour between the line and the image.
- Colours: any colour for the line and the padding, or a swatch: black, white, gold, silver, wood or navy.
- Corner Radius: 0 to 500 px, for rounded corners.
- Drop Shadow: a soft shadow falling slightly downwards, with a blur of 5 to 200 px.
Every setting is in pixels, and the image grows by the border and padding on every side. A 1,600 × 1,200 photo comes out 1,620 × 1,220 with the Default preset and 1,664 × 1,264 with White Mat. The same 10 px line is bold on a small image but thin on a 4,000 px phone photo, where a mat needs 100 to 300 px to stand out.
The live preview is drawn to scale, so each thumbnail shows the frame as it will look on that image: the presets’ lines are hairlines on a phone photo and bold on a small graphic. After Apply Frame, the thumbnails show the real result: click one to enlarge it.
Borders for social posts and prints
For social media, resize the photo first, for example to 1,080 px wide, the width commonly recommended for Instagram. Then a 50 px mat is about 5% of the width, clearly visible. The border is equal on all sides, so a landscape photo stays landscape.
For prints, think in print pixels. At 300 pixels per inch, a common print resolution, 1 cm is about 118 px, so the largest mat here (500 px) is about 4 cm. That suits a white edge or a slim mount; a wide gallery mount is better added by the print shop.
File formats and transparent corners
With square corners and no shadow, a framed image keeps its format: a JPG stays a JPG, saved at a high 92% quality and named like photo_framed.jpg, a PNG stays PNG and a WebP stays WebP. Browsers can’t save GIF, AVIF or BMP images, so those come out as JPG.
Rounded corners and drop shadows need transparency: outside the corners and around the shadow, the image is see-through, so it sits cleanly on any web page background. JPG can’t store that, so those are saved as PNG (a WebP keeps its own transparency). A photo as PNG is much bigger: 2 MB for a 1,600 × 1,200 test photo that’s 210 KB as a framed JPG. If you need a JPG anyway, run it through the image converter: transparent areas become white, so a shadow shows as grey on white.
Transparent parts of your own image are filled with the padding colour.
Phone photos stored sideways with a rotation tag come out upright, and iPhone HEIC photos work too. The framed copies have no EXIF metadata, so camera details and GPS location aren’t included.
Framing images in bulk
Add as many images as you like, or use Add more images to top up the list; the same frame goes on every one. Two or more download together as framed_images.zip, and if two files share a name, the second gets “-1” on the end, so none are lost. Settings aren’t saved between visits.
Your images never leave your device
Your browser draws the frame, on your own phone or computer, so your images and the framed copies are never uploaded or sent anywhere.
To check, open your browser’s developer tools and watch the Network tab while you apply a frame. You’ll see only this site’s own code and anonymous counts (a page view, and that files were added and downloaded), described in our privacy policy. After your first visit, the tool works offline too.
Frequently asked questions
Is this border tool free?
Yes. There’s no sign-up, no watermark and no limit on how many images you frame.
Are my images uploaded to a server?
No. The frame is drawn in your browser, on your device, which is why the tool also works offline after your first visit.
How do I add a white border to a photo?
Choose White Mat for a white border with a thin black line. For white only, set Border Width to 0, then set Padding / Mat to the width you want with a white padding colour.
How do I make a Polaroid-style frame?
Choose the Polaroid preset: a white border with a soft shadow. The border is even on all sides; this tool can’t add the deeper bottom edge of a real instant print.
Can I add a border to lots of images at once?
Yes. Add them all, choose a frame and press Apply Frame, then download them as one ZIP.
Why does the border look thin on my photo?
Sizes are in pixels, and phone photos can be 4,000 px wide or more. Raise the sizes (up to 200 px of line and 500 px of mat), or resize the photo to a smaller width first.
Why is my framed photo a PNG?
Rounded corners and drop shadows are see-through at the edges, which JPG can’t store. With square corners and no shadow, a JPG stays a JPG, several times smaller than a PNG.
Can I give an image rounded corners?
Yes. Raise Corner Radius. The area outside the corners is transparent, so the image is saved as PNG to keep it that way.
Will it make my photo square for Instagram?
No. The border is equal on all sides, so the photo keeps its shape. To make it square, crop it to 1:1 first.
Does it work on iPhone and Android?
Yes, in Safari, Chrome and other modern browsers. On an iPhone, downloads go to the Files app.
Related tools
- Bulk Image ResizerResize images by percentage, exact dimensions, or social media presets. Batch process multiple files while maintaining aspect ratios.
- Image CropperCrop images with preset aspect ratios (1:1, 16:9, 4:3) or free-form selection, at full resolution.
- Image ConverterConvert between PNG, JPEG, WebP & AVIF. Supports HEIC from iPhone. WebP offers 25-35% smaller file sizes.
- Image WatermarkerAdd text or logo watermarks to protect your images. Customize position, opacity, and apply in batch.
- Image CompressorReduce file size while maintaining visual quality. Set target file sizes or quality percentage for optimal results.