How to Add a Border or Frame to a Photo
A well-chosen border transforms a photo — giving it weight, framing it for a presentation, or giving it a retro polaroid feel. PixelLab's Border tool offers four distinct styles, all in your browser with no upload required.
Open the Border & Frame ToolThe four border styles
| Style | Best for | Key feature |
|---|---|---|
| Solid | Presentations, portfolios | Single flat color border |
| Gradient | Social media, eye-catching posts | Two-color diagonal gradient frame |
| Polaroid | Personal photos, retro aesthetic | Wide white bottom + optional caption |
| Shadow | Website mockups, UI presentations | Soft drop shadow on bg or transparent |
Solid border
A uniform-width border in a single color wraps all four sides. Works for almost any context. Choose white for a print look, black for a gallery feel, or match your brand color for presentations.
Instagram tip: White solid border at 8–10% size creates a clean canvas effect that makes photos pop against the grid background.
Gradient frame
A two-color diagonal gradient fills the border area, from Color 1 at top-left to Color 2 at bottom-right. Pick complementary or contrasting colors for maximum visual impact. Particularly effective for social media where you want the frame to be part of the visual identity.
Polaroid look
Adds a wider border on the bottom than the other sides, mimicking the iconic polaroid format. An optional caption appears in the bottom white space in monospace font.
- Classic white is traditional, but cream (#F5F0E8) gives a vintage feel
- Keep captions under 30 characters for best layout
- Add 3–5% roundness for a more authentic physical photo feel
Drop shadow
Places your image on a background with a soft shadow beneath and to the right. Ideal for UI mockups and blog images.
- Shadow strength 10–20% gives a realistic result; higher is more dramatic
- Transparent background removes the fill and outputs a PNG with alpha — useful for compositing in design tools
Size and roundness
Both sliders are percentage-based — calculated from the shorter image dimension. This means settings scale correctly regardless of your image resolution. For a 1000×750 image, border size 8% = 60 px border; roundness 5% = 37.5 px corner radius.
Common mistake: Setting roundness lower than border size makes inner corners sharp while outer corners are rounded — which looks wrong. Keep roundness higher than border size, or set both to 0 for a clean sharp-corner look.
Exporting
Always exports as PNG — lossless, preserving exact border colors without compression artifacts. The border pixels are added to the canvas, so the output is larger than the source by the border width on each side. Maximum source image size is 1800 px.
Open Border & Frame Tool — freeRelated: How to Upscale Images · PNG vs JPG vs WEBP Guide
Getting the proportions right
Most borders that look “off” are simply the wrong width for the image. Two ratios cover nearly every case: a hairline at 0.5–1% of the long edge (a 2,000 px photo gets a 10–20 px line) to separate the image from a white page without announcing itself, and a mat-style frame at 5–10% per side when the border is part of the presentation. Gallery mats follow the same logic in physical framing — and they traditionally add a touch more space at the bottom, which reads as visually balanced because our eyes overestimate lower whitespace. If your border tool only does uniform widths, crop the composition slightly high before framing to fake the same effect.
Choosing a colour that helps the photo
White is the default for a reason: it imitates paper and gallery walls and makes colours read accurately. Black flatters high-contrast and night photography but visibly darkens perceived midtones, so check skin tones after applying. The most reliable non-neutral trick is sampling: pick a muted colour already present in the photo — with the palette extractor this takes one click — and the frame feels designed rather than decorated. Avoid saturated frame colours that don’t appear in the image; the border wins the fight for attention every time.
Digital borders vs. print borders
One trap worth knowing: a border baked into the file is part of the image. Instagram will crop into your frame on a 4:5 post if the framed file isn’t exactly 4:5, and a print lab will treat the border as printable area — so a “borderless” 4×6 print of a bordered file shrinks your actual photo. For social, add the border after cropping to the target ratio (sizes in the platform table); for print, either let the lab add its own white margin or add border width to your pixel budget when checking the DPI math. And for a feed or shop grid, pick one border recipe — same style, same relative width — and batch it; consistency across thumbnails does more for a professional look than any individual frame choice.