Free web tool

Image padding and border maker

Add padding and borders around an image and export as PNG, JPEG, or WebP.

Input & settings

How to use

Add padding and an outer border without scaling the original image. It is useful for social-media whitespace, print margins, card images, and layouts where the canvas needs to grow around unchanged source pixels.

  1. Choose an image and set padding, border width, background color, and border color.
  2. Choose the output format and quality. Quality mainly affects JPEG/WebP; PNG ignores lossy quality settings.
  3. Review the calculated output dimensions and download the image.

The source image is not enlarged

Output width is source width + 2 × (padding + border), with the same formula for height. With 40 px padding and a 4 px border, 44 px is added on every side.

Unlike resizing, the source pixels are drawn at their original dimensions in the center.

Padding and border do different jobs

The border is the outermost band. Padding sits between the border and the source image. Border 0 gives you plain whitespace; padding 0 puts the border directly around the source.

That makes it easy to create combinations such as white breathing room with a thin colored line around the outside.

Very large canvases can exhaust browser memory

Image memory usage depends more on decoded pixel dimensions than on the compressed file size. v1.49 enforces 0–2000 px padding, 0–500 px borders, and stops outputs above 50 megapixels.

For unusually large print layouts, calculate the target size first and use a desktop editor rather than forcing a huge browser canvas.

The added area is filled, not transparent

The tool paints the entire canvas with border and background colors before placing the source image, so the added area is not transparent even when you choose PNG.

If you need transparent padding, use an editor that supports a transparent canvas. For format choices, see Image format guide.