Image

Add Image Border

Details

How to use Add Image Border

What the tool does, how to run it, and what to expect from the result.

How to add a border to an image

A border does two things: it separates the picture from whatever background it lands on, and it gives the composition breathing room. A gallery mat is the classic version, a dark outer frame with a light inner ring, and it is the reason this tool exposes two rings rather than one.

Everything renders live on a canvas in your browser. Drag the width, pick the colors, and the preview updates immediately. The download is a PNG at your original resolution plus the frame.

  • Choose an image file.
  • Set the border width between 0 and 200px and pick the border color.
  • Optionally add inset padding, up to 200px, in a second color to create a matted look.
  • Check the live preview, then click Download PNG.
Tips

Getting a better result out of Add Image Border

Specific settings and thresholds, not general advice.

  • The border and the inset padding are two separate rings, which is how you build a matted print look: a 40px dark border on the outside, then a 24px white padding ring, then the photo. Set padding to 0 if you only want a plain frame.
  • Both rings go up to 200px and are added in absolute pixels, not percent. A 40px border around a 4000px photo is a hairline; the same 40px around a 400px thumbnail is a heavy slab. Scale the number to the image, not to the screen.
  • The output is always PNG, so a border added to a JPEG photo produces a much larger file. If size matters, run the result through a JPEG compressor afterwards.
  • The canvas grows by (border + padding) x 2 in each dimension, so a 1080x1080 Instagram square with a 24px border comes out at 1128x1128 and is no longer a clean 1:1 crop target. Work backwards from your final size if the platform is strict.
  • A transparent PNG source keeps its transparency in the middle, but the border and padding rings are drawn as solid fills. Set the padding color to match your page background if you want the frame to sit on the same tone.
Limits

What Add Image Border does not do

The honest boundary, so you do not lose time finding it yourself.

  • The border is uniform on all four sides. There is no per-side width control.
  • No rounded corners, drop shadow, gradient, or patterned border.
  • Export is PNG only, at the source image resolution plus the border.
  • One image at a time. There is no batch mode.
At a glance

Who Add Image Border is for

A quick way to understand who this helps, what it solves, and where it connects next.

Best fit

Anyone framing photos or product shots.

Ideal for

Using the add image border without installing anything or signing up.

FAQ

Common questions

Short answers for the questions people usually have before trying a utility like this.

What is the difference between the border and the padding?

They are two concentric rings. The border is the outer ring and is drawn first across the whole canvas. The padding is an inner ring drawn on top of it, inside the border, in its own color. Using both gives you a two-tone frame, like a black frame with a white mat around the photo.

How large should the border be?

It is measured in absolute pixels against the original image resolution, so pick a percentage and do the arithmetic. Around 2 to 4 percent of the shorter side reads as a normal frame: roughly 24px on a 1080px square, roughly 80px on a 4000px photo.

Why is my file bigger after adding a border?

The export is PNG, which is lossless. If you started with a JPEG, you have converted a compressed photo into a lossless bitmap, which can multiply the file size several times over even before the extra border pixels. Recompress the result as JPEG or WebP if the size matters.

Can I add a border to several images at once?

No. This tool handles one image at a time, since it renders live to a canvas as you drag the sliders. For a set of photos with the same frame, pick your settings once and re-upload each image; the slider values persist while the page is open.

Does the tool change my original file?

No. Your file is read into a canvas in the browser, the frame is composited there, and you download a new PNG. The original on disk is untouched, and nothing is uploaded to a server.

Recommendations

You Might Also Like

Nearby tools from the catalog that fit the same job or workflow.

Cleanor app

Do it all on your device

Cleanor puts these tools in one app: compress and convert images, video, and audio, work with PDFs, and scan text right on your device. Plus free up storage and clear inbox clutter with Email Cleaner. Start with a free trial.

  • iPhone
  • Android
  • Macsoon
  • Windowssoon