Round Image Corners

Round image corners with transparent output

Rounded corners make avatars, cards, and UI screenshots look cleaner with almost no effort. Upload once, set a radius in pixels, and export PNG, WebP, or AVIF that keeps transparent corners on any background.

Radius is measured in source-image pixels. Small values keep the original shape, while larger values move toward pill or circle-like corners.

Best for UI cards

8px to 24px radius

Best for avatars

40% to 50% of short side

Export format

PNG, WebP, or AVIF

Practical max

Half the shortest side

What the controls do

• Radius slider: Fast visual tuning from 0px up to the safe image limit.
• Number input: Enter exact radius when matching a design system token.
• Live preview: Shows how edges will look before processing and download.

Tradeoffs and safe use

Rounded corners are a visual edit, not a reversible style toggle inside the file. Exporting to PNG keeps transparent corners, but often increases file size — compress the result if size matters.

Keep the original if you need alternate shapes later. For teams, save your chosen radius rule (for example 12px cards, 9999px pills, 50% avatars) so assets stay consistent.

When not to round corners

Skip rounded corners when images must fill edge-to-edge containers, when strict brand rules require square crops, or when tiny thumbnails lose detail with aggressive rounding.

If your platform already applies CSS border-radius, keep source files sharp and let the UI layer handle shape styling dynamically.

Round corners questions, answered