Image Border / Frame
Add a coloured border or padded frame around any image. Adjustable thickness and colour.
Quick answer: Image Border / Frame: add a coloured border or padded frame around any image. Adjustable thickness and colour. Runs entirely in your browser, free, no signup.
Last updated
Good to know
Adding a border grows the canvas rather than painting over your pixels, so a 30 px frame on a 1200 px photo yields a 1260 px file with the original untouched in the center. That distinction matters when you are framing product shots or screenshots you will later crop — nothing important gets hidden under the frame.
For the popular even-margin "gallery" look, size the border relative to the shortest edge rather than picking a fixed pixel count. Roughly 3–5% of the short side reads as a deliberate mat on both a phone screen and a large print, whereas a flat 20 px looks generous on a thumbnail and invisible on a 4000 px photo. Matching a brand color? Sample the exact shade first with the image color picker.
Remember the transparency rule: exporting to PNG preserves any transparent areas around the border, while JPG has no alpha channel and will fill them with solid white. If you plan to place the framed image on a colored web background, keep it as PNG so the corners stay clean instead of showing a white halo.
Frequently asked questions
- Does it expand the canvas or overlap the photo?
- It expands the canvas — your original image is never overwritten. A 20 px border on a 1000×1000 photo becomes a 1040×1040 framed image.
- Can I match my brand colour?
- Yes — the colour picker accepts HEX, RGB or named CSS colours. Pair it with the Image Color Picker to match a colour already inside the image.
- Will transparency survive?
- Yes — export as PNG and the surrounding transparency (if any) is preserved. JPG export will fill transparent areas with white.
- Are my images uploaded?
- No — drawing happens on a canvas in your browser. The image stays on your device.
- Can I do a thick border on Instagram-square photos?
- Yes — perfect for the 'white frame' Instagram look. Use a thickness of about 5% of the shortest edge for a balanced result.