Matches modern UI styling
Cards, thumbnails and app icons increasingly use rounded corners; baking the radius into the asset keeps design systems consistent even where CSS cannot clip.
ImageRuns in your browser
Rounded Corners Image
Soften photo edges with adjustable rounded corners and transparent outside.
- Upload
- Single file · 25 MB max
- Privacy
- Nothing is uploaded
- Cost
- Free · no sign-up · no watermark
Loading tool…
The tool is loading its code on your device. This happens once and is cached for later visits.
Processed entirely on your device
Your file is read, transformed and re-encoded inside this browser tab using JavaScript. There is no upload endpoint — nothing leaves your machine, nothing is stored, and the result is created as a local object URL that disappears when you close the page.
Overview
About the Rounded Corners Image
Round the corners of any image free online with an adjustable radius and export a transparent PNG. Soften cards and thumbnails in your browser with CollabsTool.
Why rounded corners read as modern
Sharp 90-degree corners feel technical and heavy; a small radius softens the silhouette and matches the language of contemporary interfaces, app icons and card layouts. Baking the radius into the image guarantees the look even in contexts that cannot apply CSS clipping, such as email or certain document formats.
Choosing a radius that fits
Subtle softening sits around 10-25% of the half-width and is barely conscious to viewers. Medium 25-40% suits badges and stickers. Heavy 40-50% approaches a pill or superellipse, useful for avatars that are not fully circular. Preview against your actual background before exporting.
Transparency matters for compositing
Because the corners are real alpha, the rounded asset drops onto coloured, photographic or patterned backgrounds without a white box. This is essential for email templates and slide decks where a white matte would be visible.
Device-side, lossless preview loop
The mask is re-applied from your original pixels on every slider move and encoded to PNG only at download, so experimenting costs nothing in quality and nothing leaves your browser.
Step by step
How to use the Rounded Corners Image
Drop an image onto the upload area or browse your device.
Move the corner-radius slider; the preview updates live.
Stop at the softness that matches your layout or card style.
Download the rounded PNG with transparent corners.
Why use it
Benefits and common use cases
What this tool is good for, and what it deliberately does not try to do.
Adjustable, live radius
From a subtle 5% soften to a heavy 50% pill shape, the slider re-renders from your untouched source so you can dial it in without quality loss.
True alpha corners, local run
Corners are exported as transparency, not white, and everything renders on your device with no upload.
Questions
Frequently asked questions
Short, honest answers about quality, limits and privacy.
What radius looks natural?
For UI cards and thumbnails, 10-25% of the half-width reads as a modern soften. Above 40% becomes a deliberate pill or badge shape. Match the radius your design system uses elsewhere.
Are the corners transparent or white?
Transparent. The PNG carries an alpha channel, so the rounded asset composites over any background without a white halo.
Can I round only some corners?
This tool rounds all four uniformly, which is the common case for cards and icons. Per-corner radii are a design-tool operation; use this for a consistent all-round soften.