iPhotoEditor

Every tool runs in your browser. Your photos never leave your device — see how that works.

Add a Border or Frame to an Image

Wrap a photo in a crisp border - a gallery-style white margin, a bold color frame, or a thin keyline to stop a screenshot dissolving into a white page. It costs nothing, and the framing is drawn locally in your browser rather than on a server you have to trust.

Loading the tool…

How it works

  1. Open the image and choose a border style in the frame panel.
  2. Set the thickness in exact pixels or as a proportion of the image.
  3. Pick a color - or sample one straight from the photo for a frame that harmonizes.
  4. Export, and check the new outer dimensions if a platform expects an exact size.

Worth knowing

Borders solve real problems, not just decorative ones. A white margin around a photo recreates the matting of a gallery print and gives crowded social feeds breathing room your image controls itself. A one- or two-pixel grey keyline around a screenshot keeps a white app window from melting invisibly into a white document or web page - the single most common reason screenshots look broken in documentation. And a thick colored frame can carry brand identity across a series of posts.

The one mechanical fact to understand: a border is added around the image, so the canvas grows. Put a 100-pixel frame on a 1080 x 1080 post and the file becomes 1280 x 1280. Usually that is harmless, but if the destination demands exact dimensions - a marketplace thumbnail spec, a header slot, a print size - run the framed image through the resize tool afterwards, or think of the border as a percentage of the final size from the start.

Color selection is where framed images go wrong most often. Pure black and pure white are always safe. For a colored frame, sample a hue that already exists in the photograph - a muted tone from the background rather than the loudest color in the subject - so the frame feels like part of the image instead of a sticker slapped around it. High-saturation frames fight the photo for attention and usually win, which is not the goal.

For a portrait or avatar treatment, this tool pairs naturally with the circle crop: crop to a circle first, then add a ring-style border for the badge look used in profile pictures everywhere.

A border grows the file: 100 px of frame on a 1080 x 1080 image makes it 1280 x 1280, and a platform that rescales it back down will shrink your photo content to about 91 percent of its original on-screen size.

Verify it yourself: open your browser's DevTools, switch to the Network tab, and use this tool — you will see no upload request. Or load the page, go offline, and it still works.

What this tool will not do

  • It will not hold the outer dimensions fixed - framing enlarges the canvas, so resize afterwards if an exact size is required.
  • It adds around the photo only; it will not crop, straighten or edit anything inside the frame.
  • It draws digital borders, not print preparation - no bleed, trim or crop marks for professional printing.

Questions people ask

How do I add a white border to a photo for Instagram?

Load the photo, choose a white frame, and set the thickness - a margin of roughly 4 to 8 percent of the image width gives the clean gallery look most feeds use.

Can I add a border without cropping the photo?

Yes - the border is added outside the image, so every original pixel is preserved. The trade-off is that the overall dimensions grow.

Can I set the border thickness in exact pixels?

Yes, thickness accepts precise pixel values, which matters when you are matching a spec or keeping a series of images consistent.

Why do my screenshots blend into white pages?

Because the screenshot's white window edge meets the page's white background with nothing between. A thin grey keyline - even a single pixel - fixes it instantly.

How do I get the circular avatar with a ring around it?

Use the circle crop tool first, then come back here and add a border - the frame follows the circular edge for the classic profile-badge effect.

Usually the next step

More in Create & Annotate

This page processed nothing on any server — there is no server. The technical explanation.