Preview a circular avatar for a chat app
Crop a square avatar into a circle and check the edge composition before uploading it.
Loading…
Guide
Rounded Avatar crops a square or any-ratio image into a circle, or rounds its four corners, and exports a PNG with an alpha channel. The circle mode takes the centre square of the image first and then cuts the circle; the rounded rectangle keeps the original ratio, with a corner radius set as 1–50% of the short side, and at 50% the two corners along the short side join into a semicircle. Several images can be processed at once, previewing the first live. Processing happens locally in the browser.
Updated 2026-09-093 min read
Rounded Avatar crops a square or any-ratio image into a circle, or rounds its four corners, and exports a PNG with an alpha channel. The circle mode takes the centre square of the image first and then cuts the circle; the rounded rectangle keeps the original ratio, with a corner radius set as 1–50% of the short side, and at 50% the two corners along the short side join into a semicircle. Several images can be processed at once, previewing the first live. Processing happens locally in the browser.
This differs from the rounded corners in the workbench's “Image Border”: there the rounding is a border mask drawn on top and the image dimensions are unchanged, while here the corner pixels are genuinely cut away and a transparent background is output.
<original name>_circle.png or <original name>_rounded.png and can be packaged as a zip.| Input | Output | Notes |
|---|---|---|
| A 1200×800 photo, circle, transparent, 512 | The centre 800×800 is taken, then scaled to a 512×512 circular transparent PNG |
The sides of the long edge are cut away |
| A 1000×1000 logo, rounded rectangle 20%, solid white | 1000×1000 with a 200 px corner radius and white outside the corners |
Radius = short side × 20% |
| A small 300×300 image, output size 1024 | Stays at 300×300 |
Never enlarged |
Crop a square avatar into a circle and check the edge composition before uploading it.
Crop dozens of staff photos into consistent 256 px circular transparent PNGs.
Take a 1024 square logo and apply a 20% rounded rectangle.
Turn a product shot into a rounded transparent rectangle that sits on a dark background without a white fringe.
The circle mode takes the centre square of the image (with the short side as its side length), so the long edges are cut away. To keep a specific area, crop it first with “Image Crop and Rotate”.
No, JPG has no alpha channel. When transparency is not needed, choose a solid background and convert with “Image Converter”.
The image is scaled first and cropped second, and a large reduction halves step by step, so the edges are smoothly anti-aliased.
Cropping is done locally in the browser on a canvas and images are never uploaded to any server; they are released from memory when the page is closed.
Updated 2026-09-09
Circular or custom rounded-corner crop with transparent or solid background, optional output size, batch PNG export
Circle mode crops the centre square automatically; the exported PNG keeps the alpha channel, which suits avatars and rounded Logo images.
The preview appears once you add an image