Add Border to Image
Add a border or frame around any image with solid, dashed, dotted, double, or inset styles, custom colors, rounded corners, padding, and optional drop shadow. Live preview, JPG/PNG/WebP export, all in browser.
Upload Image
Add your image
Customize Border
Adjust border settings
Preview & Download
Download your image
Drag & drop your image here
or
Supports: JPG, PNG, WebP, GIF, BMP
Max file size: 20MB
Tip: High resolution images work best for adding borders.
Shadow
Adds a soft drop shadow around the image.
Choose format and download your bordered image.
Your files are secure and will be deleted automatically after processing.
Live preview
Frame updates as you tweak settings
Five styles
Solid, dashed, dotted, double, inset
Private
Files never leave your device
Add Border to Image wraps your image in a customisable frame. Pick a border style (solid, dashed, dotted, double, inset), tune width, colour, radius, padding, and an optional drop shadow — all rendered live on canvas before you export.
Click any preset to apply curated combos: thin solid, polaroid frame, rounded mat, soft shadow, double border, dashed accent. You can keep tweaking after applying — presets are starting points, not locks.
Inside paints the border on top of the original pixels (image stays the same size). Center splits half inside / half outside (output grows by the border width). Outside leaves the image untouched and adds the border around it.
Files stay on your device. For other framing utilities try Matte Generator or Watermark Maker.
What does Add Border to Image do?
It surrounds your image with a customisable border or frame, with optional padding, rounded corners, and a soft drop shadow. Everything renders on a canvas in your browser.
Who needs an image border?
Photographers framing portfolio shots, social media managers prepping consistent posts, e-commerce teams building product cards, and anyone preparing print-ready proofs.
When should I pick Inside vs Center vs Outside?
Inside paints the border on top of the image so the output stays the original size. Center splits the border evenly along the original edge. Outside extends beyond the image, growing the canvas — best when you want clean polaroid frames.
Where is the file processed?
Entirely in your browser. The image is decoded with createImageBitmap and the final canvas is exported via canvas.toBlob.
Why does the file size vary by format?
JPG re-encodes with lossy compression, PNG keeps every pixel and supports transparency, WebP balances both. Pick PNG if your border has transparent areas (e.g. radius corners with no background).
How do shadows interact with transparent backgrounds?
Shadows are painted onto the canvas before the border, so a transparent background still produces visible shadow halos around the framed image.