Rounded Corners
Round an image's corners with real transparency โ up to a full circle.
About this tool
One slider rounds all four corners, from a whisper of curve to a full pill or circle at 50%. The export is a PNG whose corners are genuinely transparent โ the checkerboard preview shows exactly what will be see-through.
Radius as a percentage โ the design logic
The radius here is a percentage of the image's shorter side, not fixed pixels, and that's deliberate: 20 pixels of rounding looks bold on an avatar and invisible on a 4K screenshot, while 12% looks like the same design decision at every size. It's the trick behind consistent design systems โ and the reason iOS icons at any resolution read as the same shape. Landmarks on the slider: 4โ8% is the subtle web-card look, 15โ25% is friendly app-icon territory, 50% maxes the curve into a circle (square images) or pill (everything else). Because the corners export as real alpha rather than baked white, the image sits cleanly on ANY background โ the mistake this tool exists to prevent. Perfect circle crops with position control belong to circle crop; borders come from the border tool (round after bordering, so the frame curves too); the full card treatment is the beautifier.
Frequently asked questions
Why percentage instead of pixels?
So the curve reads identically at any resolution โ 12% is the same visual decision on an avatar and a 4K screenshot, where 20 pixels wouldn't be.
Are the corners really transparent?
Yes โ real PNG alpha, not white paint. The checkerboard in the preview is the proof; the image drops onto dark backgrounds cleanly.
How do I make a circle?
Slide to 50% โ a square image becomes a circle, a rectangle becomes a pill. For a circle cropped from a rectangular photo with position control, use circle crop instead.
Which radius should I pick?
4โ8% for card-style subtlety, 15โ25% for the friendly app-icon look, 50% for pills and circles. When unsure, 10% offends no one.