PNG Border Adder — Frame Your PNG Online
Wrap a coloured border around any PNG. Choose border width and colour. Two modes: pad outwards (image stays the same size, canvas grows) or pad inwards (canvas stays the same size, border eats into the image).
Why add a border to a PNG?
Borders give an image breathing room, signal "this is a finished piece" and provide visual separation from the surrounding page or background. Polaroid-style white frames around a photograph, thin black hairlines around a product shot, thick coloured frames around social media posts — all common, all served by this single tool.
The two main use cases are: presentation (making an image look more finished, more "framed"), and composition (giving the image breathing room when it's placed on a background of the same colour as its edges, so it doesn't visually blend in).
Outside vs. inside padding
This is the key choice when adding a border:
- Pad outwards (default) — the original image stays at its full size, and a new canvas is created larger to accommodate the border. A 1000×800 image with a 20 px border becomes a 1040×840 image, with the original centred inside. Use this when you don't want to lose any image content.
- Pad inwards — the canvas stays the same size as the original, and the border is drawn on top, overlapping the edge of the image. The original gets cropped by the border width. Use this when you need the output to match exact target dimensions (e.g. a specific social media size).
Choosing a border width
- 1–3 px — hairline border. Subtle visual separation, almost a "stroke" effect.
- 5–10 px — light frame. Looks like a thin gallery mat.
- 15–30 px — moderate frame. Classic Instagram-style border.
- 40–80 px — heavy frame. Polaroid look, or strong stylistic mat.
- 100–200 px — very heavy. Use for social posts where you want substantial coloured framing.
Border colour ideas
- Pure white (#FFFFFF) — gallery mat / Polaroid look. Works for any image content.
- Pure black (#000000) — strong contrast, hides edge detail of dark-edged images.
- Brand colour — turns the image into branded content immediately. Use your brand primary.
- Image-dominant colour — sample a colour from the image with the PNG Color Picker and use that for a "designed-in" look.
- Page background colour — set the border to match the destination page background for an "edge-blended" finish.
Tips and best practice
- For social media (Instagram, TikTok), a 20–40 px border on a 1080-side image hits the same proportions as the default in-app frame tools.
- If you're going to share the framed PNG over email, the border helps prevent the image being mistaken for a banner ad and getting stripped by aggressive spam filters.
- For mock-up images of a product on a coloured background, a thin black or white border separates the product clearly from the background.
- To create a "drop shadow" feel, combine a thin coloured border with the PNG Resizer — frame first, then add transparent padding around the frame.
- For PNG-on-transparent destinations, choose a border colour that contrasts with both common backgrounds (white and dark gray).
FAQs about PNG borders
Will transparency be preserved inside the border?
Yes — the original image's alpha channel is unchanged. Only the border ring is solid colour.
Can the border itself be transparent?
This tool draws solid borders. For transparent padding (just to add space around an image), use Pad outwards with a colour that matches your destination background.
What's the maximum border width?
200 px in the slider. For thicker, type a custom value into the slider (or stack two passes).
Is anything uploaded?
No. The border is drawn in your browser.
Why does inside mode hide part of my image?
That's by design — inside mode preserves output dimensions by trading image area for border. Use outside mode if you don't want any cropping.
Can I get a rounded-corner border?
Not in this tool — borders are rectangular. Rounded corners need a different tool or CSS.