RUNWEBTOOLS
English

Image Border

Add a solid color frame or border to any photo — pick size and color. No upload.

Choose imagesBorder added in your browser — no upload

Examples

White frame

Input

Product photo on white

Output

Clean white border for e-commerce listings

Black frame

Input

Portrait photo

Output

Classic black border for print or social media

Colored border

Input

Social media graphic

Output

Brand-colored frame for consistent posts

About this tool

Add a solid color border or frame to any image right in your browser — no upload, no account required. Choose any border size from a thin hairline to a thick frame, and pick any color with the built-in color picker.

How to use

  1. Drop or click to choose an image (JPG, PNG, WebP, etc.).
  2. Set the border size in pixels using the slider.
  3. Choose a border color from the presets or the color picker.
  4. Click Add Border to generate the framed image.
  5. Preview the result and download as PNG.

The border grows the image, it doesn't crop it

Every pixel of your original survives — the border is added around it. A 20-pixel border makes the output 40 pixels wider and 40 taller, since it applies to all four sides. That matters when a platform expects exact dimensions: adding a border to an image already sized for a specific slot will push it over, so resize to the target minus twice the border width, or resize afterwards with the image resizer.

It also means a border changes the aspect ratio unless the image is already square. A 16:9 photo with an even border is no longer 16:9, and a platform that crops to a fixed ratio may eat the border on two sides while leaving it on the others.

Turning any photo square

The most useful trick here is fitting a rectangular photo into a square slot without cropping anything out. Rather than letting a platform crop your composition, add a border wide enough on the short sides to square the image up — the classic white-frame look on social feeds. Because a uniform border cannot do this on its own, size the image first so that adding an equal border lands you at 1:1.

Choosing a colour

White is the default for a reason: it reads as intentional framing and matches most feed backgrounds. Black suits dark or high-contrast images and disappears against dark mode interfaces. A colour sampled from the photograph itself looks deliberate rather than added — use the image colour picker to pull an exact value from the picture first.

Output is always PNG so the border colour is stored exactly, with no JPEG compression artefacts along the hard edge between border and photograph — which is precisely where blocky artefacts would be most visible.

Frequently asked questions

Are my images uploaded anywhere?

No. Everything runs in your browser using the Canvas API. Your images never leave your device.

What image formats are supported?

JPG, PNG, WebP, GIF, BMP — anything your browser can display. The output is always PNG to preserve image quality and support any border color.

Can I choose any border color?

Yes. Use the color picker to choose any color, or click one of the preset swatches for black, white, or common colors.

How thick can the border be?

Up to 200 pixels on each side. For a 20 px border, the output image will be 40 px wider and 40 px taller than the original.

Will the border affect image quality?

No. The original image is drawn pixel-for-pixel inside the border. Only the surrounding border area is added.

Can I add a border to multiple images at once?

Currently one image at a time. Drop a new image to replace the current one.

Learn more

Related tools