Home › File & PDF Tools › Round Image Corners

Round Image Corners

Our free round image corners tool softens the sharp corners of any photo or logo right in your browser. Upload a PNG, JPG, WebP, or GIF, drag the radius slider and watch the live preview update, pick PNG for transparent corners or JPG for the smallest file, and download the result — no upload to any server, no sign-up, and no watermark.

Your file stays on your device. It is rounded in your browser and never uploaded anywhere.

The radius is a percentage of the shorter side of your picture: 0% is square, 50% rounds the short side fully into a pill shape.

Quality affects JPG and WebP only — PNG is lossless, so the slider is ignored for PNG.

JPG has no transparency, so its corners take this colour. PNG and WebP keep see-through corners.

Live preview — the rounding updates as you move the slider

Choose an image to see your live preview here.

How it works

Photos and screenshots come out of cameras and phones with perfectly square corners, and square corners can look harsh on a website, a profile page, or a slide. Rounding them off — cutting a smooth curve out of each corner — gives the same picture a softer, modern look that sits better inside cards, avatars, and banners. This tool does the cut in your browser, and shows you the result live before you download anything.

When you pick a file, the tool first checks that it really is an image: PNG, JPG, WebP, or GIF, judged by both the file type your browser reports and the ending on the file name. If you picked a PDF or any other file type by mistake, it stops and shows a friendly message instead of producing a broken download. Then it reads the image and paints it onto a canvas at its original size — a canvas is a drawing surface browsers use for images — and the live preview appears immediately.

The rounding itself is a clip: a path shaped like your picture with the corners replaced by quarter-circle curves is drawn on the canvas, and everything outside that path is cut away. The radius slider sets how big the curve is, from 0 percent (square, no change) to 50 percent of the shorter side of the picture. On an 800 by 600 photo, the shorter side is 600 pixels, so 25 percent means a 150-pixel radius, and 50 percent means a 300-pixel radius — exactly half the short side, which rounds the top and bottom edges into a full pill shape. You can round all four corners, or just the top two, the bottom two, or one side, which suits banners that sit flush against the top of a page and cards that only need soft top corners. The preview redraws every time you move the slider or switch the corners, so what you see is exactly what you will download.

What happens to the cut-off corners depends on the format you choose. PNG and WebP keep transparency, so the corners become see-through: place the picture over any background colour and the background shows through the corners. JPG has no transparency, so its corners are filled with the background colour you pick — white by default, black, or any colour from the picker — which looks clean when the picture sits on a page of the same colour. Quality runs from 0.5 to 1.0 and affects JPG and WebP; PNG is lossless and keeps every pixel exactly, so the slider is ignored for PNG. If your file is an animated GIF, only the first frame is rounded, because a canvas holds a single still picture — the download is a still image, so keep the original GIF if you need the movement.

Image → canvas → rounded-rectangle clip (radius = % of shorter side) → PNG (transparent corners) / JPG (solid background) / WebP

The download is named after your original file with rounded added and the ending changed to match the format — avatar.png becomes avatar-rounded.png — and the page reports the new file's size and dimensions. Because every step happens on your computer, there is no waiting for an upload and no copy of your image sitting on someone else's server.

Worked example

Suppose you have a profile photo called avatar.jpg, 800 by 600 pixels and 210 KB, and the site where you want to use it shows avatars with soft rounded corners. The square corners look out of place next to the other profiles.

Step 1: you click "Choose an image" and pick avatar.jpg. The tool confirms it is a JPG and shows "800 × 600 px, 210 KB" under the file picker, and the live preview appears with the corners already rounded at the default 25 percent.
Step 2: the radius readout says "25% (150 px)" — a quarter of the 600-pixel shorter side. You try 10 percent for a gentler look, watch the preview update, and settle back on 25 percent because the site's other avatars are clearly rounded.
Step 3: you leave the output on PNG so the corners stay transparent, and click "Download rounded image". The result is avatar-rounded.png, 800 by 600 pixels, with the four corners fully see-through — put it over a blue header or a white card and the background shows through the corners either way.

If you had picked JPG instead, the same file would come out as avatar-rounded.jpg with the corners filled white, at quality 0.92 — smaller than the PNG, and invisible on a white page, but with white corners showing if you ever put it on a dark background. That is why the format choice matters: PNG when the corners must be see-through, JPG when the picture sits on a matching background and size matters most.

FAQ

Is my image uploaded to a server?

No. Your image is rounded on a canvas in your own browser and downloaded from there. The file never leaves your device, so private photos, screenshots, and logos stay private.

What happens to the corners in a JPG?

JPG has no transparency, so the rounded-off corners are filled with the background colour you choose — white by default. For see-through corners that show whatever is behind the image, download it as a PNG instead.

What radius should I choose?

The radius is a percentage of the shorter side of your picture. 5 to 10 percent gives a gentle modern rounding, 25 percent is clearly rounded, and 50 percent rounds the short side fully into a pill or circle shape. The live preview shows the result as you move the slider.

Which output format should I choose?

PNG keeps the corners transparent and every pixel exact, and suits avatars, logos, and overlays. JPG makes the smallest file for photos but fills the corners with your background colour. WebP is small and keeps transparency, and suits websites.

Does it work on an animated GIF?

Only the first frame is rounded, because a browser canvas holds a single still picture and cannot keep the animation. The download is a still PNG, JPG, or WebP of the first frame. If you need the movement, keep the original GIF.