Image Toolkit

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

10px
0px
0px

Tips

  • Preview shows live changes as you adjust settings
  • Use presets as a starting point for common frame styles
  • White Mat preset works great for photo gallery displays
  • Polaroid preset adds a classic instant photo look
  • Combine padding and shadow for a floating effect

Guide by Ashley Whitehair, web designer at Norwich Website Design

How to add a border to an image

  1. 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.

  2. 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.

  3. 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:

PresetWhat you getSize added
DefaultA 10 px black line10 px each side
Simple BlackA 5 px black line5 px each side
White MatA 30 px white mat inside a thin 2 px black line, like a mounted print32 px each side
PolaroidA 15 px white border, even all round, with a soft shadow15 px each side, plus 15 px of shadow
Gold FrameA 15 px gold line around a 5 px near-black inner edge20 px each side
VintageA 12 px brown line around an 8 px cream mat20 px each side
ModernA 3 px dark grey line with rounded corners and a soft shadow3 px each side, plus 25 px of shadow
Shadow OnlyNo border, just a soft shadow30 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.