Online Rounded Corner Tool

How rounded corners are applied

The rounded corners tool clips your picture to a rounded-rectangle shape and exports it as a transparent PNG. A single radius slider runs from 0 to 500 pixels (default 50); the actual radius used is capped at half the shorter side of the image, so sliding it high turns the rectangle into a circle. Because the corners outside the curve must be transparent, the output is forced to PNG rather than JPG.

The clipping path draws four rounded corners with equal radius on all four corners - there is no per-corner control. The image itself is not resized or cropped; the canvas keeps the original width and height, and only the corner pixels become transparent.

• Radius slider: 0 to 500 px, default 50.
• Capped automatically at half the shorter side (that value produces a circle).
• All four corners share the same radius.
• Output is a transparent PNG; the corner areas stay see-through.

When to use rounded corners

Rounded corners are the standard finish for avatar and profile images, app icons, and card-based UI designs. A circle (radius equal to half the short side) is the common shape for social avatars; a moderate 30-60 px radius gives photos a modern, soft card look without going fully circular.

Because the corners are transparent, the PNG sits cleanly on any web or app background. If you also want a solid frame around the rounded image, add it with the border tool after rounding; if you need to output a favicon, hand the PNG to to-ico.

Step by step

If you export as JPG by mistake elsewhere, the transparent corners fill with black or white - always keep the rounded output as PNG to preserve the see-through corners.

1. Upload a JPG, PNG or WebP photo.
2. Drag the radius slider: a small value softens the corners, half the short side makes a circle.
3. Press apply; the result shows the clipped image on a transparent checker.
4. Download the PNG, named pixlready-rounded.

Radius guidance, output format and privacy

A practical radius guide: 10 to 30 px on a 1000 px image gives a subtle card corner, 50 px is the default modern soft-rectangle look, and a value equal to half the short side turns the image into a circle for avatars. Because the radius is capped at half the short edge automatically, sliding past that point on a tall photo will not produce an ellipse - it stays a circle, which is the expected avatar result. If you need an elliptical mask or per-corner differences, those are not in this tool.

The output is forced to PNG for a reason: the clipped corners must be transparent, and JPG cannot store an alpha channel. The image itself keeps its original width and height, so the result drops straight back into your layout without resampling. The whole operation runs locally in the browser - no upload, no server round-trip - which matters when you are processing client brand assets or personal avatars.

• 10-30 px subtle, 50 px modern card, half short side = circle avatar.
• Radius is auto-capped at half the shorter edge.
• Output is always PNG so the corners stay transparent.
• Processing is local; the file never leaves the browser.
• Half the short side gives a clean circular avatar for social profiles.
• Pair with the border tool if you also want a solid frame around the curve.
• The image keeps its original width and height in the exported PNG.

Round Image Corners and Make Circular Avatars

Rounded corners soften an image and are essential for app icons, profile pictures and card-style designs. PixlReady applies an adjustable corner radius in your browser and previews the curve before export. To keep the rounded corners transparent you must save as PNG or WebP; JPG does not support transparency and will fill the corners with a solid color.

Apply a 50 percent radius to a square image and export a transparent PNG to create a perfectly circular avatar ready for profiles, comments and team pages.

Tips for best results

• Export PNG or WebP to preserve transparent rounded corners.
• Start from a square image for circular avatars so the result is not elliptical.
• Use a modest radius for modern app-icon and card aesthetics.
• Add a border afterward if the avatar needs to stand out on dark themes.

Common use cases

• Round profile pictures and team avatars
• App icons and rounded thumbnails for websites
• Soft-edged product images for cards and carousels
• Circular logos that sit cleanly on any background

Frequently Asked Questions