Add Padding Around an Image

uniform or per-edge · transparent or coloured · batch · nothing uploaded

Give an image breathing room. Add the same margin on every side, or set each edge independently — useful for icons that need safe-area padding, screenshots that sit flush against text, and logos that a platform will crop into. Transparent by default, so nothing about the artwork changes.

What it does to the dimensions

Padding is added outside the image, so the output grows: 40 px on all sides of a 512×512 icon produces a 592×592 file with the original untouched and centred. The image is never scaled, moved relative to itself, or re-encoded lossily.

Uncheck "same padding on all sides" and the four per-edge fields take over. That's how you offset an image deliberately — 0 on the left and 120 on the right pushes the artwork against the left edge, which is often what a header or a banner asset needs.

Where padding is the actual fix

App and platform icons. Store guidelines usually specify a safe area — the icon artwork should occupy the middle 80% or so, because the platform applies its own rounded mask. Padding an existing square icon is the correct fix, not resizing it.

Avatars that get circle-cropped. A logo that fills its square frame loses its corners the moment a site crops it to a circle. Pad it first, and everything survives the mask. Circle crop lets you preview what that mask will do.

Screenshots in documentation. A little transparent or white margin stops a screenshot's border blending into the surrounding text.

Related tools worth knowing: Border / frame draws a visible coloured edge rather than empty space, Canvas size sets an absolute output size instead of a relative margin, and Auto-trim is the inverse — it removes transparent edges.

FAQ