Add a customizable border to any image entirely in your browser — pick a width, color, and style (solid, dashed, double, or rounded corners), add inner padding for a photo-mat effect, preview before and after side by side, and download. No upload, powered by the Canvas API.
Drag and drop an image here, or click below to browse.
Unlike a CSS border applied to an <img> tag in a webpage (which only exists in the browser's rendering and disappears the moment the image file itself is downloaded or shared elsewhere), this tool bakes the border directly into the actual image file's pixel data using the HTML5 Canvas API. The result is a genuine, permanent part of the image — it looks identical wherever the file is opened, shared, printed, or embedded, with no dependency on CSS or the viewing context.
The process happens in three layered steps on an in-memory canvas: first, the entire canvas is filled with your chosen background color (which becomes both the padding area and the base the border is drawn against); second, your original image is drawn at full resolution, precisely offset by the border width plus padding so it sits centered within the frame; third, the border itself is drawn as a stroked rectangle (or rounded rectangle) path, centered exactly on the boundary between the padding area and the canvas edge, using the browser's native stroke rendering — including its built-in dashed-line support for the Dashed style, and two offset strokes with a gap for the Double style.
A thin, dark solid border (2-6px) tends to work well as a subtle, professional finishing touch that doesn't compete with the photo itself. A thick, colorful border makes more of a deliberate visual statement, well suited for social media graphics or decorative use. Dashed borders read as more casual or playful; double borders tend to read as more formal or traditional, closer to a classic picture-frame aesthetic. Rounded corners soften any of these further, which pairs especially well with already-soft subject matter (portraits, product photography) versus sharp, architectural, or graphic content where hard corners often look more intentional.
Padding isn't just decorative spacing — professional photographers and designers have long used matting (the padded space around a photo before its frame) specifically to give the eye room to rest before it hits the border, which subtly makes the photo itself feel more important and considered rather than crammed edge-to-edge against a frame. Even a modest amount of white padding (10-30px depending on image size) before a thin border often reads as noticeably more polished than a border applied with zero padding.
Your image is read, processed, and re-exported entirely within your browser's own Canvas API — it's never uploaded to a server at any point in the process, which means there's no file size limit imposed by an upload restriction, no wait for a network round-trip, and the tool continues working even without an internet connection once the page has loaded.
Image Border Adder pairs naturally with these image tools for finishing and preparing photos.