Image Border Generator
Add a decorative border around a photo — solid, dashed, dotted, or double, with rounded corners and an optional drop shadow — entirely in your browser.
Input
Processed entirely in your browser — the image is never uploaded to a server.
How thick the border frame is.
Rounds the photo and border corners.
Lifts the framed photo off the background with a soft shadow.
Output
Your edited image will appear here.
Guides
Add a decorative border around any photo — choose a style, color, and thickness, then download the framed result. Everything renders instantly in your browser; nothing is uploaded to a server.
How it works
Upload an image, then adjust the frame to taste:
- Border Width — how thick the frame is around the photo.
- Border Color — the frame color, any hex or picker value.
- Border Style — Solid (a flat filled frame), Dashed, Dotted, or Double, the same styles as CSS
border-style. - Corner Radius — rounds both the photo and the outer frame corners. Left at 0, corners stay sharp.
- Add Drop Shadow — lifts the framed photo off the page with a soft shadow, useful when placing it over a colored or patterned background.
The result renders instantly as you adjust the controls. Download it as an SVG file, or copy its source markup directly.
Tips
- Dashed and Dotted styles work best with a mid-to-large Border Width (30px+) — at very thin widths the dash pattern is too small to read clearly.
- Double borders split the Border Width into two thinner strokes with a gap between them, so a Double border needs more width than a Solid one to look substantial — try 60px or more.
- The downloaded SVG stays crisp at any size since it's a vector wrapper around your original image — resizing it doesn't lose quality the way a rasterized export would.
- Pair a rounded Corner Radius with a Drop Shadow for a card-style look, e.g. for a website mockup or a social media post.