ShottieTo round the corners of an image, open it above and set Corners; the preview updates as you drag. With no background selected, the corners stay transparent in the downloaded PNG, so the image drops cleanly onto any page or slide.
How to round image corners
- Open, drop or paste your image.
- Drag Corners until it looks right. 12–20 suits screenshots; 28–40 suits photos and cards.
- Leave Background on the crossed-out tile to keep the corners transparent, or pick a backdrop to put it on colour.
- Download the PNG.
Why it has to be PNG
Rounded corners are only rounded if what's outside them is transparent, and JPG can't store transparency: it fills the corners with a solid colour, usually white or black. PNG keeps them see-through, which is why this tool only exports PNG. If you need a JPG, put the image on a background colour that matches where it'll be placed.
How much to round
| Image | Corners | Why |
|---|---|---|
| Window or app screenshot | 10–16 | Close to how the window is already drawn |
| Web page capture | 8–12 | Pages are square; a small radius softens without faking a window |
| Photo or product card | 24–40 | Reads as a card in modern layouts |
| Phone screenshot | 30–40 | Echoes the phone's own screen corners |
Corner values scale with the image size, so the same number looks the same on a small crop and a full-screen capture.
Rounded corners with a frame
Picking a backdrop adds padding and a soft shadow around the rounded image, the look you see on launch posts and changelogs. The screenshot beautifier starts from that setup, and add a border gives a flat frame instead.
Circular corners vs the Apple squircle
Apple's app icons and many of its interfaces use "continuous" corners, where the curve eases in gradually instead of starting abruptly the way a circular arc does. This tool uses standard circular corners, the same as CSS border-radius, which is what almost every website and design tool produces. At the radii above, the difference is subtle; it only becomes visible on very large corners.
Rounding corners in other tools
- CSS:
border-radius: 16pxon the image, if you control the page it's shown on. - Figma: set Corner radius on the frame that holds the image.
- Keynote: choose Format → Image → Mask with Shape, then pick a rounded rectangle.
This page is for when you need the rounded image itself, as a file you can send or upload anywhere.
Frequently asked questions
How do I make an image with rounded corners for free?
Open the image on this page, drag the Corners slider, keep Background on none, and download the PNG. The corners come out transparent.
Why are my rounded corners white?
The image was saved as a JPG, which can't store transparency. Download the PNG from this tool instead.
Can I round corners and add a shadow?
Yes. Pick any background and the rounded image gets padding and an adjustable shadow on top of it.
Does rounding corners crop my image?
Only the tiny corner areas outside the curve become transparent; the rest of the image is untouched and keeps its resolution.