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
- Open the image and choose a border style in the frame panel.
- Set the thickness in exact pixels or as a proportion of the image.
- Pick a color - or sample one straight from the photo for a frame that harmonizes.
- 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.
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.