Updated · Built and checked by the PlinzoTools team, formulas tested against published sources
Add rounded corners to an image at any pixel radius.
Upload an image to preview the rounded-corner result.
Rounded-corner images are a common design pattern -- app icons, avatars, and card-style UI elements almost never have sharp square corners anymore. This tool applies a rounded-corner mask to any uploaded image at whatever pixel radius you choose.
Upload an image and adjust the corner radius slider. The preview updates live, showing exactly how rounded the corners will be. Download the result as a PNG (needed to preserve the transparent corner areas).
A rounded-rectangle clipping path is drawn using quadratic curves at each corner, sized to your chosen radius -- the image is then drawn only within that clipped region, leaving the area outside the rounded rectangle fully transparent.
Preparing a profile photo or avatar with soft rounded corners to match a modern UI style. Creating app-icon-style rounded-square graphics. Matching an image's corner style to a card-based website or app design.
Download as PNG, not JPG -- JPG doesn't support transparency, so the corner areas outside your rounded rectangle would render as solid white (or black) instead of transparent, defeating the purpose of the rounded effect.
A radius in pixels means different things at different image sizes. A 40 pixel radius on a 200 pixel icon is a very round shape, while the same 40 pixels on a 2000 pixel photo is barely noticeable. Think in terms of a percentage of the shorter side. Around 5% gives a gentle softening, about 10 to 15% suits card-style thumbnails, and values approaching half of the shorter side turn a square into a circle. For a square image, a radius equal to half the width produces a full circle, which is a quick way to make an avatar.
Suppose you have a 512 by 512 pixel image and want an app-icon feel. A radius of about 100 pixels is roughly 20% of the width, which sits in the common range described above. For a circular avatar from the same image, set the radius to 256. For a rectangle such as 800 by 400, the largest sensible radius is 200, half of the shorter side, which makes the short edges fully rounded like a pill.
Besides avatars and icons, rounded images suit product cards, testimonial photos, and social posts that mimic a card layout. For a website, you can also round images using CSS, which is more flexible if the layout changes, but a pre-rounded PNG is handy for email, documents, and platforms where you cannot edit the CSS.
You likely downloaded as JPG, which doesn't support transparency -- switch to PNG format to preserve the transparent corner areas.
It depends on your image size, but a radius of roughly 15-22% of the image's width is a common range for a modern "squircle" app-icon look -- experiment with the live preview to find what looks right for your specific image.
Use a square image and set the radius to half its width. If the image is not square, crop it to a square first.
Not by itself. The remaining pixels are kept as they were, though saving in a lossy format can apply compression.
No. This tool applies the same radius to all four corners.