Round image corners or crop a photo into a circle
Use this free tool to round image corners in a couple of clicks. Set one radius for all four corners, or tick “Set each corner separately” to round only the top, only one side or a single corner. Switch the shape to Circle for a round profile picture or avatar, or to Ellipse to fit an oval to the whole frame.
The areas outside the curve become truly transparent, so the PNG or WebP file drops cleanly onto any website, slide, video thumbnail or chat app without white corners showing. An optional border follows the curve exactly. Add one image or a batch — rounded corners, borders and settings apply to all of them, and everything happens in your browser without uploading.
How to round the corners of an image
- Drop your images onto the upload area, click it to pick files, or paste a screenshot with Ctrl+V.
- Choose a shape: Rounded corners, Circle or Ellipse.
- For rounded corners, type the Corner radius and pick % or px. Tick “Set each corner separately” to give the top-left, top-right, bottom-right and bottom-left corners their own values.
- For a circle cut from a rectangular photo, drag Circle position to keep the face or subject inside the circle.
- Optionally add a border, choose PNG, WebP or JPG and press Download (a ZIP when you have several images).
Rounded Corners Image features
Smooth, anti-aliased curves
Corners are cut with the canvas’s anti-aliased drawing, so edges stay smooth instead of stair-stepped.
Every corner on its own
Round just the top for a card header, one diagonal pair for a leaf shape, or anything in between.
Circle and ellipse crops
Perfect circles for avatars and profile photos, with a slider to choose which part of a wide or tall image is kept.
Border that follows the shape
A coloured outline drawn inside the curved edge, sized in pixels or as a share of the image.
Real transparency
PNG and WebP keep the cut-off corners transparent; JPG fills them with a background colour you pick.
Batch and private
Round dozens of screenshots or product photos at once and download them as a ZIP — nothing leaves your device.
How the radius works
A corner radius is the radius of the circle that shapes each corner. In px it is exact: 24 px on a 1200 × 800 image gives the same curve as 24 px on a 300 × 200 image, so the curve looks larger on the small picture. In % it is measured against the shorter side, so the curve keeps the same proportions on every size — 10% of an 800 px tall image is 80 px.
Like CSS border-radius, radii that are too large for the image are scaled down together until neighbouring corners just meet. That is why 50% turns a square into a circle and a long rectangle into a pill or capsule rather than into a broken shape. To experiment with the same idea for web elements, try the Border Radius Generator.
| Use | Typical radius | Shape setting |
|---|---|---|
| Screenshots in slides and blog posts | 1.5–3% | Rounded corners |
| App icon style artwork | about 22% of the side | Rounded corners |
| Cards, thumbnails, product tiles | 4–8% | Rounded corners |
| Pill buttons and banners | 50% | Rounded corners |
| Profile pictures and avatars | — | Circle |
Why your rounded image might show white corners
- It was saved as JPG. JPG cannot store transparency, so the corners are filled with the background colour. Save as PNG or WebP instead, or set the background to match the page it will sit on.
- An app re-saved it. Some messaging and social apps convert uploads to JPG, which flattens transparent corners to white or black. Choosing a background colour that matches the app’s theme hides this.
- The original already had a white frame. Crop it away first with Crop Image, then round the corners.
Ideas to go further
Rounded images pair naturally with a soft drop shadow: save as PNG here and add depth with Image Shadow. For a frame or a mat in a second colour, use Image Border first and round the result afterwards. Making a favicon or app icon from a logo? Round it here, then turn it into every icon size with the Favicon Generator.
Rounded Corners Image FAQ
How do I round the corners of an image?
Add the image, keep the shape on “Rounded corners”, type a radius such as 8% or 40 px and press Download. The corners outside the curve become transparent in the PNG file.
How do I crop a picture into a circle?
Choose the Circle shape. The tool takes the largest square from the middle of the image and cuts a circle from it; use the Circle position slider to move that square left, right, up or down.
Can I round only some corners?
Yes. Tick “Set each corner separately” and type a value for each corner. Use 0 for any corner you want to keep square.
Why are the corners white instead of transparent?
The file was saved as JPG, which has no transparency, or an app converted it later. Download as PNG or WebP to keep transparent corners.
Does rounding corners reduce image quality?
No. The image keeps its original resolution and only the corner pixels are removed. PNG output is lossless.
Can I add a border around the rounded shape?
Yes. Set a border width and colour; the border follows the rounded corners, circle or ellipse and sits just inside the edge, so the image size does not change.
Are my photos uploaded to a server?
No. The corners are cut by your browser’s canvas engine and the files are saved directly to your device.