Online Tool Store Online Tool Store

Image Border Adder

Add a solid or two-color gradient border to PNG, JPEG, or WebP images. Set a 2-80 px border, preview the result, and download a PNG in your browser.

🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.

Download PNG

How it works

  1. Choose a PNG, JPEG, or WebP image.
  2. Choose Solid or Gradient, set the color or two colors, and adjust thickness from 2 to 80 pixels.
  3. Review the preview and download the bordered image as PNG.

FAQ

Does the border cover or crop my photo?

No. The canvas expands by twice the border thickness in both width and height, and the original image is drawn inside the border.

Can I add a two-color gradient border?

Yes. Select Gradient and choose two colors to create a diagonal blend around the image.

Which image formats are supported?

The file picker accepts PNG, JPEG, and WebP. The bordered result downloads as PNG.

Is the image processed locally?

Yes. The border is rendered on a canvas in your browser.

How we compare

Feature Online Tool Store Desktop photo editors CSS border on a webpage
Produces a real downloadable image
No install

A CSS border only shows on a webpage, not as a standalone file. Image Border Adder bakes the border into an actual downloadable image.

Explore related tools

Embed this tool

Paste this on your own site — it stays free, and every file still stays in your visitor's browser, not yours or ours.