Add Border to Image
Add a solid-color border or padding around an image, sized in pixels or as a percentage.
Add images
PNG, JPG, WebP, HEIC, SVG — anything your browser can decode.
Choose an output
Add a solid-color border or padding around an image, sized in pixels or as a percentage.
Fine-tune
Optional — sensible defaults are already set.
About Add Border to Image
Add a solid-color border or padding around an image. Set the thickness in pixels or as a percentage of the image's shorter side, and choose any color. The image itself isn't resized, the canvas just grows by the border on every side.
When it helps
- Adding white space around a photo so it isn't cropped when posted to Instagram or printed.
- Framing artwork or screenshots with a clean border for a portfolio.
- Giving a transparent logo some colored padding before using it as a profile image.
Tips
- Use the percentage unit to get a consistent-looking border on images of different sizes.
- The border is added to all four sides, so the final size is the original plus twice the border on each dimension.
- Transparent areas of the original stay transparent in PNG and WebP output. JPG fills them with the border color.
Good to know
Quick answers about add border to image in your browser.
Keep the color on white, set a size such as 40 px or 5%, and convert. The border is added evenly around the image.
The picture inside keeps its original pixels. The overall file dimensions grow by the border on each side.
Yes. There is no sign-up, no watermark and no limit on how many files you process.
No. Files are read and processed locally in your browser, so they never leave your device.
Related tools
Part of the Image Effects collection.