Add a Border to an Image
Frame any image with a solid border in any colour and thickness. Great for polaroids, product tiles, and separating an image from the page. The frame grows the canvas, so none of your picture is covered, and the preview updates instantly.
Free preview · No signup · ~10 seconds
Drop an image here
PNG, JPG, WebP or SVG — up to 30 MB
Runs entirely in your browser. Your image is never uploaded.
Choosing a border that frames without crowding
Any colour, any thickness
Set the border width in pixels and choose any colour you want. The frame is added evenly around all four sides at the same thickness, so the result stays symmetrical. Whether you need a hairline outline or a chunky poster frame, the same control handles both, and the colour picker accepts your exact brand shade.
Separate art from the page
A clean border lifts a light or white-edged image off a white page so it no longer blends into the background. It also gives a set of tiles, thumbnails, or catalogue shots a consistent framed look, which makes a grid feel deliberate and tidy rather than a loose collection of pictures.
Grows the canvas outward
The border is added outside the original image, so the canvas gets larger and none of your content is cropped or hidden behind the frame. Every pixel of the picture you uploaded is still visible. If you would rather add space that sits under the frame, use the padding tool alongside the border.
Border vs padding
A border is a solid line of colour that frames the image edge. Padding is empty space, transparent or filled, that pushes the image inward from the canvas edge. Use a border when you want a visible outline, and use padding when you want breathing room. You can combine both for a matted, gallery-style frame.
Formats and transparency
The image area keeps whatever it already had, so a transparent PNG stays transparent inside the frame while the border itself is your chosen solid colour. Downloads come out as a PNG, which preserves both the crisp border edge and any transparency in the picture at full resolution without introducing compression artefacts.
How to add a border to an image
Upload your image
Drop in a PNG, JPG, WebP, or SVG, or click to browse. The preview is generated in your browser without sending the file anywhere.
Set width and colour
Choose the border thickness in pixels and pick a colour. The frame updates live around all four sides so you can judge the balance.
Preview and download
Confirm the framed result looks right, then download a PNG with the border baked in around your untouched image.
Where a border does real work
Polaroid look
Add a thick white frame for a classic photo-print feel that suits scrapbooks and moodboards.
Product tiles
Give catalogue and shop images a consistent framed edge so a grid looks unified.
Slides and cards
Separate an image from a busy background in a deck or presentation slide.
Brand accent
Frame images in a brand colour to tie a set of assets together visually.
Print and framing
Add a border as a printing margin or a simple mat before sending to print.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — useful when the edit is easier to say than to find.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Fix Blurry or Fringed Edges on a Transparent PNG
Why your transparent PNG has a white halo, a grey fringe or soft edges — the four real causes, how to tell them apart in seconds, and the fix for each.
SVG vs PNG for Logos: Which File Do You Actually Need?
What SVG and PNG really are, where each one wins, why your developer keeps asking for the SVG, and the three files that cover almost every request.
How to Make a Logo White in Figma (Vector, Raster, and the Component Case)
Three routes to a white logo in Figma — the Fill row, Selection colors across a whole lockup, and a Screen-blended rectangle for placed PNGs — plus why the exported white logo looks invisible when you check it.
Add a border to your image
Pick a colour and thickness, then download.