AZ Tools

Image Round Corners

Image

Clips an image with a rounded-rectangle (or circle, or squircle) path baked into a transparent PNG. Useful for avatar squares, thumbnail tiles, and any image that needs to match a `border-radius` styling without doing it in CSS. The per-corner mode takes four independent radii (top-left, top-right, bottom-right, bottom-left); padding adds an opaque border around the clip; JPEG mode flattens transparency to a chosen background color since JPEG can't carry alpha.

How to use

  1. Drop an image. Pick a mode — uniform radius for a normal rounded card, circle for an avatar from a square, squircle for an iOS-style shape.
  2. Per-corner mode gives you four sliders if you need an asymmetric clip (a chat-bubble corner, for example).
  3. Download as PNG to keep the transparent corners, or JPEG if size matters more than alpha.

Frequently asked questions

What's a squircle?
A continuous-curvature shape between a circle and a square — the iOS app icon shape, Apple's 'superellipse' (n≈4). It looks softer than a rounded rectangle because the curvature doesn't have an abrupt straight-to-curve transition.
Why does my output have a checkerboard background?
That's just the preview showing the transparent area. The downloaded PNG keeps the real transparency — drop it into a page and the corners will be see-through.

Related tools