Add a border and rounded corners

A simple frame can make an image look finished. A thin border separates a white screenshot from a white page, rounded corners make a picture feel like part of a modern interface, and a soft shadow lifts it off the background. This tool adds all of these in one pass and applies them to every image you add.

Processing happens in your browser; your images are not uploaded.

How to use it

1. Add one or more images.
2. Set the border width, either in pixels or as a percentage of the image, and choose its color.
3. Set the corner radius from 0 to 50%.
4. Turn the drop shadow on or off and adjust its blur.
5. Add outer padding around everything, with a background color or a transparent background.
6. Check the live preview, then download each image or all of them as a ZIP.

Pixels or percent for the border

Pixels give every image exactly the same border thickness. Use them when all your images have similar dimensions, such as a set of screenshots from the same screen, so the borders match perfectly side by side.

Percent scales the border with each image. A 2% border is 80 px on a 4000-pixel photo and 20 px on a 1000-pixel one, so both look equally framed. Use percent for batches of mixed sizes, such as camera photos mixed with downloaded images.

For a classic print look, try a white border of about 3–5%. For screenshots on a white page, a 1–2 px light gray border is usually enough.

Corners, shadows and padding

The corner radius is a percentage, so it also adapts to each image. Small values like 2–4% give the gentle rounding seen on app screenshots. At 50%, a square image becomes a circle, which is a quick way to make a round profile picture: first make it square with the 1:1 preset in Crop image, then set the radius to 50%.

The drop shadow needs some space to show. Add outer padding so the shadow has room around the image. With a transparent background, the shadow stays semi-transparent and looks natural on whatever color the image is later placed on.

Why the output is sometimes PNG

Rounded corners and transparent padding both need transparency, and JPG cannot store it. Whenever corners are rounded or the background is transparent, the tool saves a PNG. In all other cases the image keeps its original format.

If the place you upload to accepts only JPG, convert the result with PNG to JPG, which fills transparent areas with a color you choose, such as the background color of your page. You can read more about transparency on the PNG format page.

For screenshots that should look like they are inside a browser window or a phone, the screenshot mockup tool adds a full device frame instead of a plain border.