Add a Border to an Image

A border is the smallest change with the biggest payoff in image presentation. A bare photo dropped onto a slide, a feed, or a web page tends to blend into whatever sits behind it. Wrap it in a clean band of colour — or a Polaroid frame, or a soft shadow — and the same picture suddenly reads as a deliberate, finished object. This guide walks through every kind of frame this tool can add, when to reach for each, and how to do it without touching your image’s quality. You can do all of it with the free tool at the top of this page; the framing runs entirely in your browser.

The styles: border, frame, rounded corners, shadow

There are a handful of distinct looks, and it helps to know exactly what each one does:

• Solid border — an even band of one colour around all four sides. The classic white or black edge that makes a photo “pop” off the page.
• Gradient border — the same band, but blending between two colours at an angle you choose. A modern, eye-catching frame for social posts and thumbnails.
• Polaroid frame — a white border with a deliberately thicker strip along the bottom, mimicking an instant-camera print. Nostalgic and personal.
• Rounded corners — softens the sharp 90° corners of the photo by a radius you set. Essential for app icons, cards, and avatars.
• Drop shadow — a soft, blurred shadow behind the image that lifts it off the page for a layered, professional feel.

These aren’t mutually exclusive. You can round the corners of a solid border, or add a shadow under a Polaroid — stack them however you like.

How to add a border to an image (step by step)

1. Open your image. Drag a photo onto the tool above, click Choose image, or paste one from your clipboard. PNG, JPG, WebP, GIF, and BMP all work.
2. Pick a style. Choose Solid, Gradient, or Polaroid from the style buttons.
3. Set the look. Drag the border-width slider and pick a colour (or two colours and an angle for a gradient). Add rounded corners with the radius slider, and flip on a drop shadow if you want depth.
4. Choose a background. For PNG or WebP you can keep the padding and corners transparent; for JPG, pick a background colour.
5. Choose a format. By default it keeps your original; switch to PNG, JPG, or WebP if you prefer.
6. Download. Your framed image saves straight to your device.

Why a border never costs you quality

Adding a border doesn’t change a single pixel of your photo. The tool creates a slightly larger canvas, paints the border around the edge, and places your image — at full resolution — in the middle. The photo is copied, not recalculated, so it stays exactly as sharp as the original.

The only thing that can affect quality is re-encoding. If you open a JPG and save it as a JPG again, the file is compressed a second time. With a high quality setting (around 90) that’s invisible, but if you need a guaranteed-perfect save, export as PNG instead.

The white-border trick for square feeds

Square and portrait feeds love a 1:1 image, but most photos aren’t square — so the feed crops them, often cutting off the part that mattered. The fix is the white-border trick: turn on Fit to square and the tool centres your photo on a 1:1 canvas, adding equal margins on the short sides. Nothing is cropped, and the clean border gives the post a crisp, intentional frame.

Getting a drop shadow right

A drop shadow is the simplest way to make an image feel like it’s floating above the page. The catch is that a shadow needs room to spread, or it gets clipped at the edge of the canvas. This tool handles that automatically: it pads the canvas to fit the full blur and offset, so the shadow is never cut off.

For a natural result, keep shadows soft and subtle — a generous blur with a small downward offset, in a muted dark grey rather than pure black. Big, hard, jet-black shadows look artificial. On PNG or WebP you can keep the area around the shadow transparent so only the soft shadow shows; on JPG you’ll set a solid background colour behind it.

Rounded corners and transparency

Rounding corners is a one-slider job — but to actually cut out those corners you need a format that supports transparency. Export as PNG or WebP with the background set to Transparent, and the area outside the rounded corners is fully clear, so the image drops onto any background cleanly. Export as JPG, which can’t store transparency, and the corners are filled with your chosen background colour instead.

Choosing the output format

By default the tool keeps your original format, which is usually what you want. The trade-offs:

• JPG — best for photographs. Small files, no transparency. Keep quality at 85–95 so re-encoding stays invisible.
• PNG — best for graphics, screenshots, transparent corners, and transparent shadow padding. Lossless, but larger.
• WebP — the modern all-rounder: usually smaller than JPG and PNG at the same quality, with transparency support.

GIF and BMP can be opened, but browsers can’t write them back, so those are saved as PNG — a lossless, widely-supported result.

Is it safe? Where does the framing happen?

The border is added in your browser using the Canvas API — the new file is created on your own device. That’s faster than tools that round-trip your photo through a server just to add an edge.

How any data associated with this tool is handled is described in our privacy policy. If you’re working with something highly sensitive, an offline desktop tool is always the most private option.

A few practical tips

• Frame last. Do your cropping, resizing, and rotating first, then add the border as the finishing touch.
• Match the border to where it’ll live. A white border looks clean on most backgrounds; a border that matches the page makes the photo float; a contrasting border makes it stand out.
• Re-save large photos sparingly. Each JPG save re-compresses. Make all your changes, then export once.

Pick a style, keep the width modest, and choose the format that fits where the image is going. With those habits, the tool above turns any plain photo into a framed, finished image in seconds.