How to use it
- Choose a picture.
- Pick Percent or Pixels and drag the radius slider, or pick Circle crop.
- Check the preview and the output size.
- Press Download PNG.
How it works
The tool draws a rounded rectangle path with the chosen radius, clips the canvas to it and draws your picture inside. Anything outside the path stays transparent. The radius can never be larger than half of the shorter side, because larger values would make the arcs overlap, so bigger numbers are limited to that value.
Take an 800 × 600 picture. A radius of 50 px is used as is. 10% means 10% of 600 px, so 60 px. 80% would be 480 px, which is limited to 300 px, half of the shorter side. A circle crop gives a 600 × 600 PNG with a 300 px radius.
Tips
- Small radii (8–16 px on a card-sized picture) look neat; full circles suit profile pictures.
- Put the PNG on any background: the corners show whatever is behind it.
- If a web page does the rounding with CSS, you can often skip this tool, but a PNG with real transparent corners works everywhere, including chat apps and documents.