Image Border & Frame Maker

Add a border or frame to an image in your browser. Set colour, width and rounded corners, place the border inside or outside, add padding and a simple shadow, keep transparency, and download PNG, JPG or WebP exactly as previewed.

Image Runs client-side Free to use

Jump to the tool

About the Image Border & Frame Maker

Image Border & Frame Maker adds a clean border or frame to a PNG, JPG or WebP image without uploading it. Choose the border colour and width, round the corners, and decide whether the border sits outside the image — making the result larger — or inside it, covering the edge so the size stays the same. With an outside border you can add padding between the image and the border, filled with a colour or left transparent, and a soft drop shadow with adjustable blur, offset, colour and opacity.

The preview is the actual output image drawn at full size and scaled down to fit your screen, so the download matches what you see. Transparency is preserved in PNG and WebP; JPG has no transparency, so transparent areas — including rounded corners and shadow space — are filled with a background colour you choose. The tool shows the final dimensions and checks them against safe browser limits before exporting.

How to use

Choose or drop a PNG, JPG or WebP image.
Set the border colour, width and corner radius.
Choose Outside or Inside, and add padding or a shadow if you like.
Pick PNG, JPG or WebP (and a JPG background colour).
Click Download and check the reported size.

Key features

Border colour, width (0–500 px) and corner radius.
Outside or inside placement.
Padding with colour or transparent fill.
Simple drop shadow with blur, offset, colour and opacity.
Transparency preserved in PNG and WebP; JPG flattened onto a chosen colour.
Preview identical to the export, with exact dimensions and Reset.

Best practices

Use PNG or WebP to keep rounded corners and shadows transparent.
Match the JPG background to the page where the image will appear.
Choose Inside placement when the image must keep its exact size.
Keep shadows subtle — small blur and offset look most natural.
Use a border width relative to the image size for consistent results.

Benefits

Polished product shots, screenshots and profile images.
What you see is exactly what you download.
Transparency handled correctly for every format.
No uploads or watermarks.

Frequently asked questions

What is the difference between Outside and Inside?

Outside adds the border (and any padding) around the image, so the output is larger. Inside draws the border over the edge of the image, so the output keeps the original size and the outer part of the image is covered.

Why do the corners of my JPG have a coloured background?

JPG cannot store transparency, so transparent areas such as rounded corners and shadow space are filled with the JPG background colour you choose. Use PNG or WebP to keep them transparent.

Does the preview match the download?

Yes. The preview is the full-size output drawn with the same settings and scaled to fit your screen; the download is rendered again with identical settings.

Will my transparent PNG stay transparent?

Yes, in PNG and WebP output. Transparent areas of the image, transparent padding and the space around a shadow stay transparent.

Is there a size limit?

Input images can be up to 50 MB and 50 megapixels, and the output must stay within 16,384 px per side and 50 megapixels. Larger settings show a message instead of crashing the tab.

Can I export WebP?

Yes, when your browser can encode WebP. If it cannot, the tool tells you when you try to download, and you can choose PNG or JPG instead.

Are my images uploaded anywhere?

No. Files are opened and processed by JavaScript running in your browser tab. Nothing is sent to a server, and images, SVG code and results are not saved in browser storage — they are cleared when you press Reset or close the page.