Toolkitbar

Add a Border or Padding to an Image

Give a picture a clean margin, or an icon some breathing room.

Drop a file here

or click to choose a file

Options

Runs on your device Your file is processed by your own browser and is never uploaded to a server.

Short answer

A border can be added to an image in a browser without uploading it. The canvas is enlarged, filled with the chosen colour and the original drawn into the middle, so the picture itself is never cropped or scaled. The width is set as a fraction of the shorter side rather than in pixels, which means one setting looks the same on a thumbnail and on a full-resolution photo.

At a glance

AcceptsJPG, PNG, WebP, GIF, BMP
ProducesSame format, or PNG for a transparent border
ProcessingIn your browser
PriceFree, no limits
AccountNot required

A white margin is the oldest trick for making a picture sit properly on a page: it separates the image from whatever is behind it, and it is what gives a square social post the look of a print. A black one does the same thing on a dark layout.

The transparent option is a different job wearing the same clothes. It adds padding rather than a frame — room around an icon or a logo so that whatever places it later has somewhere to breathe — and because transparency needs an alpha channel, choosing it saves the result as a PNG whatever went in.

How to use it

  1. 1

    Add the image

    Drop in a photo, a logo or an icon.

  2. 2

    Choose width and colour

    The width scales with the image, so it looks the same at any size.

  3. 3

    Download it

    The picture inside is untouched — only the canvas grew.

Frequently asked questions

Does the border crop my image?

No. The canvas is made bigger and the original is drawn into the middle of it at full size, so every pixel you started with is still there.

Why is the width a proportion rather than pixels?

So that one choice works at any resolution. Twenty pixels is a bold frame on a 400 px thumbnail and invisible on a 6000 px photo; four percent of the shorter side looks the same on both.

Why does the transparent option give me a PNG?

Because JPEG has no alpha channel. Saving transparent padding as a JPEG would fill it with a solid colour, which is exactly what you were avoiding by choosing transparent.

Related tools

Browse all image tools →