Why PNG and not JPEG?

JPEG doesn't support transparency. With rounded corners, the four corner regions need to be transparent so the image looks 'cut' rather than having an awkward white box around the rounded rectangle. PNG supports proper alpha channel; JPEG doesn't. If you absolutely need JPEG for size reasons, you'd have to fill corners with a solid color matching the destination's background — works only if you know that background color in advance.

What radius should I pick?

Depends on aesthetic. Subtle / professional: 8-16px (modern web app feel). Clearly rounded: 16-32px (rounded card aesthetic). Pill / button: half the shorter dimension. Circle: half the shorter dimension AND square aspect ratio. For specific brand aesthetics, match what your design system uses elsewhere.

Will the rounding look smooth?

Yes — Canvas 2D's clipping path uses anti-aliasing automatically. The corner curves blend smoothly from full opacity (inside the rounded rectangle) to fully transparent (outside) over a 1-2 pixel transition zone. Far smoother than the simple binary clipping that older image tools sometimes use.

Can I round only some corners?

Not in this version — rounds all four corners equally. For asymmetric rounding (e.g. only top corners for a card with a flat bottom), use an image editor or apply via CSS at the destination if possible.

What about a stroke / border around the rounded image?

Not in this tool — output is just the rounded image. For a border, layer the rounded image over a slightly larger colored rectangle in your design tool, or apply a CSS border in addition to the rounded image in web contexts.

Is my image uploaded anywhere?

No. The rounding uses Canvas 2D clipping in your browser. Open DevTools → Network and you'll see zero outbound requests during processing.

File & Format Converters · Free tool

Round Image Corners

Add soft, rounded corners to any image with a pixel radius and export as a transparent PNG. A free, instant online tool that works in your browser with no signup required.

Updated June 2026

Drop a file or click to choose

JPG, PNG, WebP — corners become transparent in the PNG output.

Corner radius · 40px (max 200px)

Found this useful?Email Buy Me a Coffee

What it does

Apply rounded corners to any image with a custom pixel radius. The output is a PNG with corners cut to your specified roundness — the four corner regions become fully transparent (alpha = 0) so the image renders as a rounded rectangle on any background. Adjust radius from 0 (sharp corners, no change) to half the shorter dimension (perfect circle / pill shape).

Why apply corners at the image level vs CSS border-radius:

Email signatures: many email clients ignore CSS border-radius. Round-cornered PNGs render correctly everywhere because the rounding is baked into the image.
Static documents (PDFs, Word documents, Keynote slides): no CSS support, so rounding must be in the image.
Social media: most platforms display uploaded images as-uploaded. Profile pictures, badges, and avatars often want pre-rounded corners.
Image-only contexts: marketing materials, print, packaging, OG images for social previews where a CSS layer doesn’t exist.

For web pages where you control the styling, CSS border-radius is generally better — same visual effect, smaller file size (the corner pixels aren’t needed), and you can adjust the radius responsively. For non-web contexts, image-level rounding is the only way.

Embed this tool on your siteShow snippet

Paste this snippet into any page. Loads on-demand (lazy), no tracking scripts, and sized to most dashboards. Replace the height to fit your layout.

<iframe src="https://freetoolarena.com/embed/image-round-corners" width="100%" height="720" frameborder="0" loading="lazy" title="Round Image Corners" style="border:1px solid #e2e8f0;border-radius:12px;max-width:720px;"></iframe>

Embed docs →

How to use it

Drop your image (JPG, PNG, WebP) into the upload area.
Adjust the corner radius slider. 0 = sharp; half the shorter dimension = pill / circle.
Watch the live preview update. The corners should look soft, not jagged — Canvas anti-aliasing handles smoothing automatically.
Click Download. The output is PNG with transparent corners (the four corner regions are fully transparent).
If the destination is a web page, prefer CSS border-radius. If the destination is email, document, or any non-CSS context, this is the right approach.

When to use this tool

Email signatures with logos / profile pictures.
Static documents (PDF, Word, Keynote) where you want rounded thumbnails.
Social media avatars where the platform doesn't auto-round.
Marketing assets bound for print / packaging / non-web contexts.

When not to use it

Web pages where you control CSS — use border-radius (smaller files, responsive, adjustable).
JPEG output destinations — JPEG can't have transparent corners, so the corners would be filled with a solid color (typically white). PNG is required for proper rounded-corner output.
Images that will be cropped or resized after — the rounding gets cropped or distorted; apply rounding LAST in your image pipeline.

Common use cases

Onboarding a colleague who needs the same calculation/conversion
Verifying a number or output before passing it on
Quick use during a typical workday
Pre-decision sanity-check on inputs and outputs

Frequently asked questions

Why PNG and not JPEG?: JPEG doesn't support transparency. With rounded corners, the four corner regions need to be transparent so the image looks 'cut' rather than having an awkward white box around the rounded rectangle. PNG supports proper alpha channel; JPEG doesn't. If you absolutely need JPEG for size reasons, you'd have to fill corners with a solid color matching the destination's background — works only if you know that background color in advance.
What radius should I pick?: Depends on aesthetic. Subtle / professional: 8-16px (modern web app feel). Clearly rounded: 16-32px (rounded card aesthetic). Pill / button: half the shorter dimension. Circle: half the shorter dimension AND square aspect ratio. For specific brand aesthetics, match what your design system uses elsewhere.
Will the rounding look smooth?: Yes — Canvas 2D's clipping path uses anti-aliasing automatically. The corner curves blend smoothly from full opacity (inside the rounded rectangle) to fully transparent (outside) over a 1-2 pixel transition zone. Far smoother than the simple binary clipping that older image tools sometimes use.
Can I round only some corners?: Not in this version — rounds all four corners equally. For asymmetric rounding (e.g. only top corners for a card with a flat bottom), use an image editor or apply via CSS at the destination if possible.
What about a stroke / border around the rounded image?: Not in this tool — output is just the rounded image. For a border, layer the rounded image over a slightly larger colored rectangle in your design tool, or apply a CSS border in addition to the rounded image in web contexts.
Is my image uploaded anywhere?: No. The rounding uses Canvas 2D clipping in your browser. Open DevTools → Network and you'll see zero outbound requests during processing.

Learn more

Explore more file & format converters tools

100% in-browserNo downloadsNo sign-upMalware-freeHow we keep this safe →