Add a Border or Frame to PNG

coloured frame · outside (no crop) or inside (overlay) · batch · in-browser

Drop PNG files (also JPG / WebP) and add a coloured border. Outside extends the canvas — the image stays the same size and gets a coloured halo around it (output is larger). Inside paints the border on top of the existing canvas — output keeps the original dimensions; the image visible portion shrinks.

Drop image files here

Multiple files allowed

Width (px) Colour Style Optional per-side widths — leave blank to use Width above (e.g. a thicker bottom for a polaroid) Top (px) Right (px) Bottom (px) Left (px)

no files

Ready.

Outside vs Inside — which to pick

Outside — image content is unchanged; canvas grows. Use for print mats, social-share frames, or any case where you can't lose pixels.
Inside — image dimensions stay the same; the border eats into the existing canvas. Use when the output size must match the input (e.g. fixed-size icon grids, where you can't change the cell dimensions).

Suggested widths

1–2 px — hairline edge / outline on icons.
4–8 px — subtle card-style edge for thumbnails.
16–24 px — visible brand frame on social posts.
40–60 px — print-style white mat around photos.
100+ px — heavy poster frame.

Common uses

Print preparation. 40–60 px white outside border before sending to a print service.
Instagram batch. 24 px brand-colour outside border for a consistent grid.
Icon edge. 1 px charcoal inside border for definition on light backgrounds.
Polaroid look. Large outside white border with a thicker Bottom — set Bottom higher than the other sides in the per-side fields.

FAQ

How do I add a border without cropping the image?

Pick Outside mode — it extends the canvas outward so the border sits around your image and no pixels are lost. Inside mode keeps the original dimensions and overlays the border on top, which covers the outermost pixels.

Output format?

PNG — so the border itself can be partially transparent if you pick an alpha colour, and the source's transparency is preserved.

Different widths per side (e.g. thicker bottom for polaroid)?

Yes — fill in any of the Top / Right / Bottom / Left fields to override that side; leave a field blank and it falls back to the main Width. Set a larger Bottom for the classic polaroid frame.

Can the border be partially transparent?

The colour picker is solid RGB. For semi-transparent overlays, fill / overlay separately in a desktop tool.