Home › Image Tools › Round Corners Image

Round Corners Image

Upload a picture, drag the radius slider and download it with smooth rounded corners. Make a perfect circle or an iOS-style squircle, round each corner separately and save a transparent PNG, or a JPG on the background color you choose. Nothing is uploaded.

Sample image → 0 × 0 px

Quick presets
Shape

% is measured on the shorter side; 50% is the maximum.

Advertisement

How to use the Round Corners Image

  1. Add your image: drop it on the box, paste it with Ctrl+V or press Choose image.
  2. Pick a shape: Rounded, Circle or Squircle, or tap one of the quick presets.
  3. Set the radius with the slider in % or px. Tick Set each corner to round only some corners.
  4. Choose the format: PNG keeps the corners transparent; JPG and WebP fill them with your background color.
  5. Press Download to save the image at full resolution.

Corner radius in pixels and percent

A percentage radius is measured on the image's shorter side, so the same setting looks the same on a small thumbnail and a large photo. To convert: radius (px) = shorter side × percent ÷ 100.

Image size4% (subtle)10% (rounded)20% (large)50% (pill / circle)
512 × 512 (icon)20 px51 px102 px256 px (circle)
1080 × 1080 (Instagram post)43 px108 px216 px540 px (circle)
1280 × 720 (YouTube thumbnail)29 px72 px144 px360 px (pill)
1920 × 1080 (Full HD)43 px108 px216 px540 px (pill)
4000 × 3000 (12 MP photo)120 px300 px600 px1500 px (pill)

When you set corners separately and two neighbouring radii add up to more than the side between them, all radii are scaled down by the same factor, exactly like CSS border-radius does, so the shape never folds over itself.

Rounded vs squircle vs circle

  • Rounded corners are quarter circles. The curve starts suddenly where the straight edge ends, which gives the familiar "card" look used on most websites.
  • Squircle corners follow a superellipse, |x|n + |y|n = 1 with n = 5. The curvature grows gradually from the straight edge, so the shape looks smoother and slightly fuller, like phone app icons.
  • Circle crops a centered square from your image and cuts a full circle, the standard shape for profile pictures. Ellipse keeps the whole image and fits an oval to it.

Which format should I download?

FormatTransparent cornersBest for
PNGYesLogos, screenshots, graphics and anything placed on a colored background
WebPYesPhotos on websites: transparent and much smaller than PNG
JPGNo (filled with your background color)Photos for email, documents or apps that do not accept PNG

Tip: to match a page's background with a JPG, set the background color to the page color so the corners blend in.

Frequently asked questions

How do I make the corners of an image transparent?

Choose PNG (or WebP) as the output format. The areas outside the rounded corners are saved as fully transparent pixels, so the image sits cleanly on any background. JPG does not support transparency, so the corners are filled with the background color you pick.

What does a radius in % mean?

The percentage is measured on the shorter side of the image. 10% on a 1200 × 800 photo is an 80 px radius. 50% gives the largest possible rounding: a circle on a square image or a pill shape on a wide one.

How do I make a circular profile picture?

Choose Circle. The image is cropped to a centered square and cut into a circle, which is what most social networks use for avatars. Pick Ellipse instead if you want to keep the whole image.

What is a squircle?

A squircle is a rounded shape whose curve blends smoothly into the straight edges instead of starting abruptly like a circular arc. App icons on phones use this look. This tool draws squircle corners with a superellipse curve.

Does rounding corners reduce image quality?

No. The image is drawn at its original resolution, and only the corner pixels change. PNG output is lossless; for JPG and WebP you can choose the quality.

Are my images uploaded?

No. Everything happens in your browser with the HTML canvas, so your photos never leave your device.

Related tools