Add Border or Padding to Image

How to add a border to an image

1. Drop one or more images on the drop zone, or click it to choose them. Each file gets its own row in the list.
2. Under Sizes in, choose pixels for exact widths, or % of the shorter side so that pictures of different sizes get a frame of the same proportion.
3. Set the Border width and Border color: this is the outer frame.
4. Set the Padding and Padding color: this is the mat between the border and the picture, like the passe-partout of a framed print. Use 0 for no padding.
5. Round the frame with Corner radius, and tick Drop shadow to lift the picture off the page; Shadow size controls how soft and wide it is.
6. Under Outside the frame, keep Transparent for rounded corners and shadows that blend with any background, or untick it and pick an Outside color.
7. Choose the Output format and Quality, check the Preview of the first image, then click Add border. Download each image with its own button, or use Download all.

How the layers fit together

From the inside out, the result is made of the picture, the padding, the border and, if you enabled it, a margin that holds the shadow. A 1200 × 800 photo with 20 px of border and 40 px of padding becomes 1320 × 920 px: 60 px are added on each side. The picture itself is never scaled or cropped, so it keeps its full resolution.

The Corner radius applies to the outer edge of the frame. The inner edges are rounded with the same curve, minus the border and padding widths, so the lines stay parallel like a real rounded frame. With no border and no padding, the radius rounds the photo itself.

The Drop shadow needs space around the frame, so the tool adds a margin of about one and a half times the shadow blur. That margin is transparent, or filled with the Outside color when Transparent is unticked.

Transparency and file formats

Rounded corners and shadows need transparent pixels to look right on every background. PNG and WebP keep them. JPG has no transparency: when you save as JPG, everything outside the frame is filled with the Outside color instead, so choose the color of the page where the image will be shown. Same as original keeps the input format when the browser can write it, and saves other formats (GIF, BMP…) as PNG.

Ideas

• A white 5 % padding with a thin grey border gives any photo a clean “gallery” look.
• Rounded corners with a soft shadow make screenshots look polished in slides and documentation.
• Use % units to frame a whole batch of photos of different sizes consistently.

All the processing happens in your browser: your images are never uploaded, and the new files carry no EXIF metadata.