TanodTools

Add border to image

Frame pictures with a border of any colour, add padding inside it, or just round the corners, for one image or a whole batch.

Your files never leave your device

Drop images here

PNG, JPEG, WebP, GIF, BMP or AVIF. Or drag them anywhere on this page.

Opened on this device. Nothing is uploaded.

A batch holds up to 50 pictures of at most 50 MB apiece. The framed result of each image can be up to 100 megapixels.

How to add a border to an image

  1. Pick the photos to frame, or drop them anywhere on the page. The first one appears in the preview.
  2. Set the border width and colour, and optionally the corner radius and inner padding. Choose Rounded corners only to keep the size and just round the corners.
  3. Pick PNG, JPEG or WebP, then press Add border and download the files or a .zip.

Borders, padding and rounded corners

A border is drawn outside the picture, so it adds to the image size rather than covering any of it. Padding is an optional second band between the picture and the border, in its own colour. A thin dark border plus a wide white padding gives the classic photo-print look; a wide border with no padding gives a plain frame.

Giving pixel values means every image gets the same border even when the images differ in size, which is handy for a set that will sit side by side. Percent values scale with each picture instead, so a small thumbnail and a large photo keep the same proportions. The preview shows the first image reduced, with the border scaled to match.

Rounded corners need pixels that are not part of the picture. PNG and WebP can leave them transparent, so the picture sits cleanly on any background. JPEG has no transparency, which is why this tool asks for a colour to fill those corners with.

Tips

  • Make a set of pictures the same size before framing them with Resize image.
  • To place framed pictures next to each other, use Merge images.
  • For a round profile picture, crop to a square first, then set the radius to 50%.

Questions

Are my images uploaded?

No. Each border is drawn around your picture in your browser on your device. Nothing is sent to a server.

Does the border go on top of the picture or around it?

Around it. The border and any padding make the image bigger: a 100 × 80 picture with a 10 pixel border becomes 120 × 100. The picture itself is not cropped or covered. In rounded-corners-only mode the size does not change.

What do the percent values mean?

Border width and padding in percent are taken from the shorter side of the original picture, so 5 per cent on a 1000 × 600 picture is a 30 pixel border. Corner radius in percent is taken from the shorter side of the finished image, and 50 per cent makes a circle or a pill shape.

What colour are the corners outside a rounded shape?

Transparent in PNG and WebP. JPEG has no transparency, so the corners are filled with the "Corners in JPEG" colour instead, white unless you change it.

What is padding for?

It adds a band of its own colour between the picture and the border, like the white mat inside a photo frame or a Polaroid. Leave it at 0 for a plain border.

Will my batch keep each picture's format?

With Same selected, PNG, JPEG and WebP files stay as they are and other formats are saved as PNG. Rounded corners on a JPEG are only visible on a coloured background, so consider switching to PNG or WebP.