Round Image Corners

Rounded corners make images look friendlier and more modern. Screenshots in presentations, product cards on websites, thumbnails in portfolios, app icon mockups and circular profile pictures all use them. This tool rounds the corners of any image, or cuts it into a squircle or a circle, with transparent corners ready to place on any background.

Rounded corners

The classic rounded rectangle keeps straight edges and curves the corners. The radius is set as a percentage: at 100 percent, the shorter side becomes a full semicircle, turning a wide image into a pill shape. For screenshots and photos, 5 to 15 percent looks subtle and elegant; 20 to 30 percent gives the soft look of cards in modern interfaces. Because the radius scales with the image, the same setting looks consistent across sizes.

Squircle for app icons

A squircle is a superellipse, a shape between a square and a circle with continuously curving edges. Phone home screens popularized it for app icons because it looks smoother than a rounded rectangle. Use it for icon mockups, app store graphics and anywhere an icon-like look is wanted. Platform icon masks differ slightly in exact geometry, so for submitting an actual app, provide the square icon the store requires and let the system apply its own mask.

Circles for avatars

The circle shape crops the image to a circle or, for non-square images, an ellipse. Switch on “Crop to a square first” to get a perfect circle from any photo, centered automatically. That is the usual shape for profile pictures, team pages, testimonials and speaker lists.

Borders

A border from 0 to 60 pixels follows the shape exactly, in any color. A thin white border around a circular avatar looks crisp on dark backgrounds; a colored ring in brand colors highlights team members or speakers. For photo-frame looks with mats and captions, the Add Border to Image tool has more styles.

Transparent corners

The cut-away areas outside the shape are transparent. That is why the result is saved as PNG or WebP: both store transparency, and the image sits cleanly on white pages, dark slides and colored website sections alike. PNG works everywhere; WebP is smaller for websites.

Rounded corners with CSS instead

On a website, rounding can also be done with the CSS border-radius property, without changing the image file. A rounded image file is still useful wherever CSS is not available: in presentations, documents, emails, chat apps, social posts and design tools.

Preview and download

The preview shows the result over a checkerboard, so you can see exactly which areas will be transparent. The download keeps the full resolution of the original.

Typical uses

Polished screenshots for slides and documentation, product images for online shops, avatars for forums and team pages, app icon mockups for pitch decks, and thumbnails for video and blog lists.

Privacy

Everything is processed in your browser; the image is never uploaded.

Related tools

To add a shadow and background behind a screenshot, try the Screenshot Beautifier. For icons in .ico format, use PNG to ICO. To crop precisely first, Crop Image offers fixed ratios.