β’ Rounded Corners
Adjustable corner radius with transparent background.
50% makes a circle (for square images) or a pill shape.
Checkerboard shows transparency. Download is a PNG with transparent corners.
How to Round Image Corners
Upload an image, drag the radius slider, and download a transparent PNG. The checkerboard preview shows exactly where transparency will be.
Upload your image.
Drag the corner radius slider from 0 (sharp) to 50 (fully round).
Check the preview against the checkerboard transparency background.
Download the PNG with transparent corners.
Where Rounded Corners Shine
Rounded corners are everywhere in modern interface design because they feel friendly and contemporary compared to sharp 90-degree corners. Profile avatars are the most common use: a circular crop focuses attention on the face and matches the avatar style of every major social platform. Product photos with softly rounded corners look more premium in e-commerce listings and pitch decks than harsh rectangles. App screenshots with rounded corners blend beautifully into presentation slides and landing pages, especially when given a subtle shadow in your slide software. For web design mockups, matching the corner radius to your CSS border-radius values keeps mockups faithful to the final build: 8 to 12 px equivalents suit cards, while 24 px and up suit hero images. The 50 percent setting is also handy for creating pill-shaped badges and buttons from rectangular graphics. Because the corners are truly transparent rather than filled with white, the same file works on light mode, dark mode, and photographic backgrounds without an ugly halo.
Technical Notes
The tool clips your image to a rounded rectangle path and exports a PNG with an alpha channel, which is what carries the transparency. Edges are anti-aliased, so curves look smooth rather than jagged. The radius is expressed as a percentage of the shorter side, which keeps the curve proportional if you later resize. All processing is local, so there is no upload wait and no privacy concern.
Matching Radius to Your Design System
Consistency across a product matters more than any single value. If your app uses 12 px corners on cards, use the equivalent radius on your image assets so mockups and marketing stay coherent. Many teams standardize on three radii: small for thumbnails, medium for cards, large for heroes. Export each size you need rather than relying on CSS to redo the work, since pre-rounded assets look identical everywhere including email clients with poor CSS support.
Frequently Asked Questions
What does 50% radius do?
On a square image, 50 percent radius produces a perfect circle, which is ideal for profile avatars. On a rectangular image, 50 percent gives a pill or stadium shape with fully rounded ends. Lower values like 10 to 20 percent give the subtle rounded corners seen in modern app UI.
Why is the background transparent instead of white?
Rounded corners are designed for layering: avatars on profile headers, product shots on colored banners, app icons on any background. Transparency lets the page or app background show through the corners naturally. The download is a PNG, which preserves the transparency.
Can I make a circular profile picture?
Yes. Upload a square photo and set the radius slider to 50 percent for a perfect circle, ideal for profile avatars on every major platform. For non-square photos the result is an ellipse, so crop to a square first if you need a true circle. The download is a PNG with transparent corners that composites cleanly anywhere.
Will this work for app icons?
Rounded corners are a good start, but app stores apply their own masking, and iOS uses a squircle shape rather than a pure rounded rectangle. Export a square PNG here and let each platform apply its final mask, or test with the platform preview tools.
What image size should I upload?
Upload the highest resolution you have available. The tool renders up to 1400 pixels, which is plenty for avatars, web graphics, and presentations. Starting large keeps the curved edges smooth and anti-aliased. Small source images produce visibly jagged curves when displayed large, so quality in means quality out.
Is my image uploaded to a server?
No. Corner rounding runs entirely in your browser with the Canvas API, and your image never leaves your device. There is no upload wait, no account, and no privacy concern, which is especially reassuring for personal photos like profile pictures.