Add Rounded Corners to Images Online
Clip the corners of an image to a rounded radius and download the result as a transparent PNG. Perfect for avatars, thumbnails, buttons and UI cards. Everything runs in your browser — your image never leaves your device.
Upload an image
Drop an image here, or click to browse
JPG, PNG, WebP · Max 50 MB per file
Your image stays on your device. This tool runs entirely in your browser. Your file is never uploaded to our server.
How do you round the corners of an image?
Rounding the corners of an image on this page is a short loop: drop the file, drag the corner radius slider, and download. The tool accepts JPG, PNG, and WebP files up to 50 MB and clips the corners in your browser with the Canvas API, so nothing is uploaded. The result is always a transparent PNG, which is what makes the corners actually round: the four corners are cut away and left transparent, so the image sits on any background without a hard square edge.
- 1Drop or select an image. JPG, PNG, and WebP files up to 50 MB are accepted.
- 2Drag the corner radius slider. Zero keeps sharp corners; a larger radius rounds them further.
- 3Download the result. It is always a transparent PNG, so the corners stay see-through on any background.
Why is the output a transparent PNG?
A rounded corner is only visible when the corner is transparent. Formats like JPG cannot store transparency, so if the output stayed a JPG the cut-away corners would be filled with a solid color and the rounding would not read on every background. That is why this tool always saves as PNG. The image pixels themselves are unchanged — the same resolution, the same quality — and only the corners are clipped. To view the effect, drop the PNG onto a colored page or a checkerboard preview; the four corners disappear into the background.
- JPG input becomes a transparent PNG, and the rounded corners stay see-through.
- PNG input keeps its existing transparency, and the corners are clipped on top of it.
- WebP input is re-saved as PNG, so the corners are transparent no matter the source.
What corner radius should you use?
The right radius depends on the look you want, and the preview removes the guesswork.
- A small radius, around 8 to 20 pixels: a subtle softening of the corners, close to a sharp rectangle. Good for product shots and photos.
- A medium radius, around 20 to 40 pixels: the classic app-style look used by profile pictures, cards, and badges.
- A large radius up to half the smaller dimension: heavily rounded, and at the maximum the two ends become full semicircles, the pill shape used for buttons and tags.
Common use cases for rounded corner images
Profile pictures and avatars
Social platforms and apps draw avatars inside rounded containers, and a rounded image placed on the same background blends in without a white or colored box. An 800x800 headshot rounded at 40 pixels matches the standard avatar radius and keeps the corners transparent on any theme.
Thumbnails, cards, and UI graphics
Modern card layouts round their images at the corners, and shipping a pre-rounded transparent PNG means the browser does not have to mask it at runtime. A 1200x675 blog thumbnail rounded at 24 pixels drops cleanly onto a card background.
Buttons, tags, and badges
Pill-shaped buttons and tags are drawn from images or icons with fully rounded ends. Setting the radius to half the smaller dimension gives a 1000x240 banner fully rounded ends, ready to use as a button background.
Product and marketing graphics
Dropping a rounded transparent product shot onto a colored brand background keeps the corners clean without editing the background behind the image. A 1600x1600 product photo rounded at 32 pixels sits on any promotional banner with no square edges.
Output formats and what changes
The dimensions and the visible pixels of the image are unchanged; only the corners are clipped. The file is saved as PNG because that is the format that can carry the transparent corners. The quality slider does not apply — PNG is lossless, so there is nothing to adjust and no quality is lost in the re-encode. Transparent source areas stay transparent, and the cut-away corners are transparent too.
Why round corners in the browser?
Every image on this page is processed by the Canvas API inside your browser. Nothing is uploaded, no account is required, and there is no queue. That makes the tool a safe choice for personal photos, client artwork, or avatars you would rather not send to a third-party service. The result is usually ready in under a second, because the whole operation runs locally.
Frequently asked questions
Does rounding corners reduce image quality?
No. The visible pixels are unchanged and the output is a lossless PNG, so there is no re-encode loss. The only change is that the four corners are clipped and left transparent.
Can I round a JPG image?
Yes. A JPG is accepted on input, and the output is a transparent PNG with the corners clipped. Because JPG itself cannot store transparency, the rounded version is always delivered as PNG.
Does the output keep transparency?
Yes. The output is always a transparent PNG. Existing transparent areas are preserved, and the rounded corners themselves are transparent, so the image blends into any background.
What corner radius should I use?
Around 8 to 20 pixels for a subtle rounding, 20 to 40 for the classic card or avatar look, and up to half the smaller dimension for a pill shape. The preview shows the exact result before you download.
Does rounding change the image dimensions?
No. The width and height stay the same as the source image. Only the four corners are clipped; the pixels inside the rounded rectangle are unchanged.
Why does this tool always save as PNG?
Rounded corners need transparency: the cut-away corners must be see-through to look round on any background. PNG is the format that stores that transparency, so the result is always a transparent PNG.
Is there a file size limit?
Input files are limited to 50 MB. The limit exists because the tool decodes the full image into memory in your browser. Most photos and graphics are far below it.
You might also need
Image Cropper
Crop images to any size or ratio in your browser.
Open toolImage Rotator
Rotate JPG, PNG or WebP images by 90, 180 or 270 degrees.
Open toolImage Flipper
Mirror images horizontally or vertically in your browser.
Open toolImage Border
Add a colored border with rounded corners to images.
Open tool