Skip to main content

Edit

Add Border to Image

Upload an image and add a border with custom thickness, color, and optional rounded corners. Add shadow for extra depth. Preview in real time and export as PNG.

Client-side · runs in browserPrivate by designJPG, PNG, WEBP

How this tool handles files

Processing
In your browser, on-device
Storage
Nothing stored
Output
A file you download
Your responsibility
Review before official use
  • Runs in your browser. Your file is processed on your own device and, on this site, is not uploaded to our servers.
  • Nothing is stored. Your file and its output are gone the moment you close or reload the page.
  • Review sensitive files (bank, ID, medical) and check the output before sharing it.

Every tool on FormatOS runs in your browser. Read our Privacy Policy and File Handling Policy.

Input formats

JPGPNGWEBP

Output formats

PNG

Common uses

  • Add a white border for a Polaroid look
  • Frame photos for social media
  • Add a colored border to product images
  • Create a printable photo border

Limitations

  • Border adds pixels to the image dimensions.
  • Very thick borders may significantly increase file size.

Where a framed image earns its place

Add Border to Image wraps your picture in a solid color frame, which is useful well beyond decoration. For social posts and listing photos, a clean white or black band separates the subject from a busy feed and gives product shots a consistent, catalog-like edge. The classic use is a Polaroid-style white border around a photo before sharing or printing.

It also fits everyday document and admin work. A thin contrasting border around a screenshot makes it readable when pasted onto a white slide, doc, or knowledge-base article where the image would otherwise blend into the page. Framing scanned pages, ID photos, or reference images before dropping them into a report keeps each one visually distinct.

For students, sellers, and small teams the value is uniformity: run several images through the same thickness and color and they sit together as a set. The rounded-corner option suits avatars, card thumbnails, and softer web layouts where hard rectangular edges look out of place.

The drop-to-download flow and what it accepts

Drop or click to select a single image (JPG, PNG, or WebP). Three controls appear: a thickness slider from 1 to 100 pixels (default 20), a color picker showing the chosen hex value (default white, #FFFFFF), and a corner radius slider from 0 (sharp) to 50 pixels for rounded corners. Press Add Border, then download the result.

The border is drawn by expanding the canvas: thickness pixels are added on every side, so the output is larger than the input by twice the thickness in each dimension. The frame is a single flat color filled behind the original image. Everything runs in your browser, so on this site the file is not uploaded and nothing persists once you close the tab.

Two honest notes on scope. Output is always PNG, regardless of the input type, and the saved file is named with a -bordered suffix. The current interface exposes only thickness, color, and radius; despite older copy mentioning a drop shadow, the working tool does not add one, and it does not offer gradients, patterned frames, per-side widths, or animated-GIF handling.

Pitfalls worth knowing before you commit

Because the border adds pixels to the canvas rather than overlaying inside the existing frame, the output dimensions change. If a platform or template expects an exact pixel size, the bordered image will overshoot it, so plan thickness against your target size or crop afterward.

Two settings interact in a way that surprises people. Corner radius rounds the outer canvas corners and clips them to transparency, so on a light page a rounded frame can look like it has faint notched corners. Also, a very thin border (1-2 pixels) in a color close to the photo's edges can be nearly invisible; pick a clearly contrasting color when the goal is separation.

Converting a JPG to PNG with a thick border can raise the file size noticeably, since PNG is lossless and the added area is large. If file weight matters for web use, keep the border modest, and remember the tool works on one image at a time rather than batching a folder.

Checking the framed result

Open the downloaded PNG at full size and confirm the border is even on all four sides, the color matches the hex you chose, and the corners look the way you intended (truly sharp at 0, smoothly rounded at higher radius). Verify the new dimensions still fit wherever the image will be placed, and check the file size if it is bound for the web.

If the frame will appear on a colored or dark background, view it against that background, not just the editor, since white frames vanish on white and rounded corners reveal the page behind them. Re-run with a different thickness or color rather than editing the exported file, so the original image stays untouched.

For any official, financial, or legal use, manually verify the result before submitting or publishing. Confirm the border has not covered timestamps, signatures, account numbers, or page edges, and that the framed image still reads as a faithful copy of the original.

Frequently asked questions

Yes. The border is added around the outside of your image, so the exported file is larger than the original by twice the border thickness in each direction. If you need to keep an exact size, resize the image down first to leave room for the border.

You can enable rounded corners and an optional shadow. The output is PNG, which preserves transparency, so the area outside rounded corners stays transparent rather than filled. Choose a solid color for a classic frame, or rounded corners for a softer card look.

A very thick border adds a large solid-color area, which increases the pixel dimensions and can raise the file size — though solid color compresses well in PNG. If size matters, keep the border modest or run the result through the Compress Image tool.

No. The border is drawn entirely in your browser. On this site, your image is processed on your own device and is not uploaded to our servers; nothing is stored after you close or reload the page.

Related tools

Tool last reviewed: June 30, 2026 · Report a problem