Image Rounded Corners
Give photos, screenshots and logos soft, modern corners. Set the radius, pick a classic rounded, smooth squircle or pill shape, choose which corners to round, and keep the outside transparent.
- Files stay on your device
- No sign-up
- Free to use
Shape
Corners
Output
How to use Image Rounded Corners
- Drop one or more images onto the upload area.
- Choose a shape and set the corner radius as a percentage of the shorter side.
- Select which corners to round and what should appear outside them: transparency, white or black.
- Select Round corners and download the images, as PNG or WebP to keep transparency.
Image Rounded Corners features
Transparent corners
Areas outside the curve are fully transparent in PNG and WebP, so images sit cleanly on any background.
Three corner styles
Circular rounded corners, smooth squircle corners like modern app icons, or a fully rounded pill shape.
Per-corner control
Round only the top corners for cards and tabs, or a single corner for speech-bubble designs.
Proportional radius
The radius is a percentage of the image, so batches of different sizes look consistent.
Solid background option
Fill outside the corners with white or black when you need a JPG.
Private processing
Everything happens in your browser.
When to use Image Rounded Corners
- Styling screenshots for presentations, documentation and app store listings.
- Creating card images for websites where the CSS cannot round corners, such as emails.
- Making rounded thumbnails and avatars for social profiles and forums.
- Matching product photos to a rounded design system.
- Preparing app-icon-style images with squircle corners.
Image Rounded Corners FAQ
Why are my corners white or black instead of transparent?
JPG does not support transparency, so transparent corners are filled when saving as JPG. Choose PNG or WebP output to keep them transparent.
What is a squircle?
A squircle is a shape between a square and a circle, based on a mathematical curve called a superellipse. Its corners curve more gradually than a circular arc, which looks smoother. Apple popularised it for app icons.
How large should the radius be?
For photos and cards, 3–8% looks subtle and modern. Around 20% gives a playful, friendly look. 50% on a square image produces a circle, and the Pill option rounds the short sides completely.
Can I make a circular image?
Use the Pill shape on a square image, or crop to a circle directly with the Image Cropper’s circle option.
Will rounding corners in an email work everywhere?
Many email programs ignore CSS rounded corners, so rounding the image itself is the reliable way to get the same look in every inbox. Save as PNG and place it on a matching background colour.
Why rounded corners feel friendlier
Rounded corners are everywhere in modern interfaces: buttons, cards, app icons and phone screens themselves. Designers often explain the preference with perception research suggesting that sharp angles draw attention to themselves while curves lead the eye along the shape and towards its content. Rounded containers also look softer and more approachable, which suits product photos and avatars in friendly brands.
A rounded corner is normally a quarter of a circle joined to straight edges. Where the straight line meets the arc, the curvature jumps abruptly from zero to a fixed value, and sharp-eyed viewers notice a slight kink. A superellipse, or squircle, eases into the curve gradually. The effect is subtle on small images but noticeable on large ones, which is why icon designers and hardware makers adopted it.
Transparency is what makes rounded images flexible. A PNG or WebP stores an alpha value for each pixel, from fully opaque to fully transparent, so the corners disappear on any background colour. The edge of the curve is anti-aliased, with partially transparent pixels that keep the line smooth instead of stepped. JPG has no alpha channel, so the corners must be filled with a solid colour that matches the page.
For web pages you control, CSS border-radius rounds images without editing them. Rounding the file itself is useful wherever CSS is not available or not reliable, such as emails, documents, slides, marketplaces and social networks.