Round Image Corners

How rounding image corners works

The tool draws your uploaded image onto an HTML canvas, then traces a rounded-rectangle path sized to the canvas and uses it as a clipping region before drawing the pixels. Everything outside that path is left transparent, so the exported PNG has genuinely rounded — not just visually cropped — corners that composite cleanly over any background.

The radius slider is expressed as a percentage of half the image's shorter dimension rather than a fixed pixel value, so the same setting looks proportionally correct whether you upload a small icon or a large photo. Drag it all the way to 100% to turn a square image into a circle, or a rectangular one into a stadium/pill shape.

Because the output relies on alpha transparency, download it as PNG (the only format offered here) rather than JPEG, which has no alpha channel and would fill the rounded-off corners with a solid color. Everything happens locally via the Canvas API — the image is never uploaded to a server. To crop to a specific rectangle first, try the Image Cropper, or use the Favicon Generator if you need square icon assets afterward.