About this tool
What does Round Corners do?
Round Corners clips an image to a rounded rectangle and preserves transparent pixels outside the new shape. It is useful for profile cards, app screenshots, presentation graphics and web assets. You can link all corners or set individual corner radii and optionally add a border.
Uniform or individual corner radii
Transparent PNG output
Optional inner border
Live responsive preview
Step-by-step guide
How to use Round Corners
- Upload an image.
- Choose a shared radius or edit each corner.
- Add an optional border and inspect the preview.
- Download as PNG to preserve transparency.
Understand the result
How to read and refine the output
A radius near half the shortest side creates a pill or circular appearance, while a small radius only softens the edges. Individual values can create asymmetrical card shapes.
Practical advice
Tips for better results
- Use PNG when transparency matters.
- Keep border width smaller than the radius.
- Use consistent radii across a design system.
- Check the image at its final display size.
Best-fit tasks
When to use Round Corners
- Preparing avatars and UI mockups
- Creating card-style thumbnails
- Exporting graphics that need permanent rounded pixels
Choose carefully
When another method may be better
If the image will be used only on a website, CSS border-radius may be more flexible because it preserves the original file and lets the radius change responsively.
Practical example
Example workflow
Use a moderate radius for a card thumbnail and preview the corners against both light and dark backgrounds when transparency is enabled.
Important limitations
What this tool cannot guarantee
JPEG does not support transparency, so this tool exports PNG by default. Very large radii are automatically constrained by the image dimensions.
Common questions
Round Corners FAQs
Why is PNG required?
PNG preserves the transparent area outside rounded corners.
Can I make a circular image?
Use a square source and set the radius to half its width.
Can each corner be different?
Yes. Disable linked corners to set individual values.
Does this reduce resolution?
The canvas keeps the chosen output dimensions unless you resize separately.
Continue editing