Rounded Corners for Images
Add smooth rounded corners with transparent PNG output—or JPEG/WEBP on white. Adjustable radius, live preview. Free, no signup; runs in your browser.
Complete guide: PNG vs JPEG, radius tips, circle crop vs square crop
What is this rounded corners tool?
Rounded corners soften sharp edges of any photo or graphic. You set how round they should be—from subtle to strongly rounded corners—and download a file ready for profile pictures, app icons, cards, and web UI.
The look matches what modern apps and websites use: cards, thumbnails, and avatars often sit inside rounded rectangles rather than hard 90° corners. Exporting as PNG keeps the area outside the shape transparent so designers can drop the asset onto any background without a visible “box.”
Unlike heavy editors, this page uses a single-purpose canvas pipeline so you get in, adjust, and export quickly. For circular avatars with a mask, see Circle Crop. For a long-form walkthrough (workflows, format table, mistakes), see Rounded corners for images: complete guide.
How it works
- Upload an image (drag, click, or paste).
- Move the corner radius slider—0% keeps right angles; higher values add more rounding (capped so the result stays a rounded rectangle, not a circle).
- Choose size and format, then download. PNG preserves transparency outside the rounded shape.
When to use PNG vs JPEG
PNG (transparent)
Use PNG when you need to overlay the image on colored or photographic backgrounds. Areas outside the rounded rectangle stay fully transparent.
JPEG / WEBP
Smaller files for flat backgrounds. The tool paints white behind the image first, then applies the rounded clip—ideal when you do not need transparency.
Common use cases
Social and profile graphics
Profile banners, story-style cards, and thumbnails often read better with a gentle radius than with sharp corners—especially on dark or gradient feeds. This tool keeps your full image while only changing the edge shape.
UI mockups and design handoffs
Product teams and freelancers use rounded screenshots to match real component styles. A transparent PNG lets you layer the same asset on light or dark UI chrome without redoing the export.
E-commerce and listings
Marketplace tiles and catalog grids frequently use soft corners for a cleaner look. Export at Original or 1200px max side when your source photo is large enough for zoom and retina displays.
Slides and documents
Presentations and internal wikis benefit from consistent corner rounding across images. JPEG or WEBP exports work well when the slide background is already white or light; use PNG when the slide uses a photo or colored background.
How this compares to our other tools
Rounded corners (this page) keeps your entire image and only changes the shape of the outer edge. Nothing is cropped away.
- Circle Crop — circular mask with transparency outside the circle; best when the platform expects a round avatar file.
- Crop to square — changes what part of the photo you keep; use when you need a 1:1 frame before or instead of rounding.
- Square Image Maker — blur background, solid fill, resize, filters; use when the job is bigger than corner rounding alone.
- Add white border — adds padding around the image; pair with a square crop if you need a framed look with borders.
Before you download
A quick checklist helps avoid surprises when you move the file into Figma, Shopify, or a social scheduler:
- Match format to the background: PNG for overlays; JPEG/WEBP when you are fine with white behind the image.
- Pick resolution: Original or 1200px is enough for most web; use Custom for print or large hero assets when the source is high resolution.
- Preview the radius: Subtle rounding reads more “professional” on dense grids; stronger values read more “app-like.” Adjust before exporting.
FAQ
Does PNG keep transparency outside the rounded corners?
Yes. PNG export clears pixels outside the rounded rectangle so you can place the image on any background.
Why do JPEG and WEBP use a white background?
Those formats do not support transparency. The tool fills the canvas with white before drawing your rounded image.
Are my images uploaded to a server?
No. Processing runs in your browser; your file is not sent to our servers for editing.
What is the maximum corner radius?
The slider goes up to 40% so the output stays a rounded rectangle. For a full circular avatar with transparency outside the circle, use Circle Crop instead.
Is this the same as cropping my image to a square?
No. Rounded corners soften edges without cutting away content. Cropping to a square changes what stays in the frame. Use crop to square or the Square Image Maker if you need a different aspect ratio before rounding corners.
Can I export at high resolution for print or large screens?
Yes. Choose Original to keep native pixel dimensions, or cap the long side at 1200 pixels, or set a custom max side up to 8192 pixels when your source image is large enough.
You may also need
- Square Image Maker— Blur, crop, resize—all in one
- Blur Photo Frame— Square with blurred background
- Instagram Square— 1080×1080 for feed
- Twitter / X Square— 1080 posts, profile sizes
- Facebook Square— Posts & profile photos