Rounded corners give images a modern, polished look. From app icons and product thumbnails to presentation screenshots and email newsletters, rounded-corner images feel more approachable and professional than sharp rectangular edges.
Why Round Image Corners?
CSS border-radius can round images on websites, but it only works in browsers — the underlying image file still has sharp corners. When you share that image in an email, a presentation, or a social media post, the corners revert to sharp rectangles. By applying rounded corners directly to the image pixels, the effect persists everywhere.
Rounded corners are also essential for app icons. iOS uses a specific rounded-rectangle (superellipse) shape, and Android uses various rounded forms. Our tool lets you dial in the exact radius you need.
How to Round Image Corners in 3 Steps
Step 1: Upload your image. Open the Round Image Corners tool and drag-and-drop your photo or click to browse. PNG, JPG, and WebP files are all supported.
Step 2: Adjust the corner radius. Use the slider to set the radius from 0% (sharp) to 50% (fully rounded). Or use the preset buttons: Subtle (10%), Medium (20%), Round (35%), or Full (50%). The preview updates in real time.
Step 3: Download. Choose PNG for transparent corners (ideal for overlaying on any background), or JPG/WebP with white fill. Click Download and your rounded-corner image is ready.
Understanding Corner Radius
The corner radius is expressed as a percentage of the image's shorter side. Here's what each preset looks like in practice:
Subtle (10%): A gentle curve that softens sharp edges without dramatically changing the image shape. Great for product images and screenshots.
Medium (20%): The default — a noticeable but balanced rounding that works well for most use cases including cards, thumbnails, and presentations.
Round (35%): A prominent curve approaching the look of a squircle. Ideal for app icon approximations and design elements.
Full (50%): Maximum rounding — turns a square image into a circle. For rectangular images, creates a stadium (pill) shape on the shorter sides.
Common Use Cases
App icons: iOS and Android app icons use rounded rectangles. Use the Round or Full preset to match platform guidelines.
Product images: E-commerce product cards look more modern with subtle rounded corners.
Presentations: Screenshots and photos with rounded corners look more polished in slide decks and reports.
Email newsletters: Since CSS border-radius is inconsistently supported across email clients, baking rounded corners into the image ensures consistent rendering.
Rounded Corners vs CSS border-radius
CSS border-radius is great for web pages where you control the rendering environment. But this tool is better when you need the rounded effect baked into the image file itself — for sharing, printing, or using in contexts that don't support CSS.
Privacy and Security
Like all iFormat tools, the rounded corners tool processes everything in your browser. Your images never leave your device — no server upload, no storage, no privacy concerns.
Choosing the Right File Format
The format you choose after rounding corners depends on where the image will be used. PNG preserves transparency in the corners — the rounded areas become transparent rather than filled with a colour. This is ideal for placing images on coloured or textured backgrounds on websites, presentations, and email templates. The trade-off is larger file sizes compared to JPG.
JPG fills the rounded corners with a solid colour (typically white). This is fine when the image will be displayed on a white background or when file size matters more than flexibility. WebP offers the best of both worlds — transparency support with significantly smaller file sizes than PNG — but not every platform accepts WebP uploads yet. For social media and messaging apps, JPG is the safest choice. For websites you control, use WebP with a PNG fallback.
Batch Processing Multiple Images
When creating a team page, portfolio, or product grid where every image needs the same corner radius, consistency is critical. Process all images with the same radius setting and the same output dimensions. If your team has eight members, upload and round each photo at the same percentage so they look uniform when displayed side by side. Even a small difference in corner radius is noticeable when images are placed in a grid layout.
How to Add Rounded Corners on iPhone or Android
The iFormat rounded corners tool works in any mobile browser — no app required. On iPhone, open Safari and go to
iformat.io/round-corners. Tap
Choose File, select a photo from your camera roll, set the radius with the slider, and tap
Download. The PNG saves to your Downloads folder in the Files app.
On Android, the process is identical using Chrome. The downloaded file appears in your gallery's Downloads album.
PNG vs JPG for Rounded Corner Images
The most important format decision is whether you need transparent corners. PNG gives transparent corners — the rounded areas become see-through, letting the image sit cleanly on any background colour in a presentation, email, or website.
JPG fills the corner area with white because JPG doesn't support transparency. This is fine when the image will always appear on a white background. JPG produces a smaller file size, but PNG is almost always the better choice for rounded-corner images since you rarely know every background you'll use.
Frequently Asked Questions
Can I add rounded corners to a JPG image?
Yes. Upload your JPG, apply the corner radius, and download as PNG for transparent corners or JPG for white-filled corners. The input format doesn't restrict the output.
Will adding rounded corners reduce image quality?
No. The tool applies the corner mask without recompressing the image. Quality only changes if you download as JPG — downloading as PNG preserves full quality.
What corner radius matches iOS app icons?
Apple uses a superellipse (squircle) shape for iOS app icons. A radius of around 22–23% approximates the iOS look for standard sizes. Use the custom radius input for precise control.
Can I get rounded corners with a coloured background instead of transparent?
Download the PNG with transparency and place it on your chosen background colour in any design tool — Canva, Google Slides, Figma, or PowerPoint all support this.
Does this work on animated GIFs?
The tool processes static images (JPG, PNG, WebP) only. For animated GIFs with rounded corners, a desktop tool like GIMP is needed.
Round Image Corners Free
No upload required — processes entirely in your browser.
Try It Now
