Round image corners on screenshots
A raw screenshot has hard, square edges that look out of place on a modern web page or a slide. Soften the corners and the same screenshot suddenly looks like part of the design, the way app windows and cards look on your phone.
Keep the curve subtle for documentation and tutorials so the content stays the focus. Use a bigger curve for social posts, where a friendly, rounded look stands out in a feed.
Soft corners for products and cards
Product photos with rounded corners look gentle and premium in a shop listing, a newsletter, or a promo card. Quote cards and event tiles feel more inviting too. Because only the corners change, the whole product stays in view, unlike a circle crop that would cut off the edges.
For a clean edge on any background, download the round corners image as a PNG with clear corners. If the picture will sit on one known color, you can fill the corners with that color instead.
How much should you round the corners?
- A light curve for screenshots, charts, and documents.
- A medium curve for product photos, blog images, and thumbnails.
- A strong curve for app-icon style tiles and playful social posts.
- Only the top corners for images that sit on top of a card or a tab.
Round corners image or circle?
Choose rounded corners when the whole picture matters, such as a screenshot with text near the edges, a wide banner, or a product photo. Choose a circle when the subject is a face or a logo and the corners can go. For that, use the circle crop image editor or the image to circle converter.
Where rounded images look best
Rounded corners fit almost anywhere a modern design uses cards and buttons. Try them on blog featured images, app store screenshots, portfolio thumbnails, email newsletters, slide decks, and product mockups. The soft edge echoes the shape of phones, tablets, and app windows, so the picture feels at home next to them.
They also help photos sit comfortably beside text. A hard square corner can look harsh next to rounded buttons and boxes, while a soft curve blends in.
Round image corners for social posts
In a busy social feed, a quote card or an announcement with rounded corners on a colored background stands out from the sea of square photos. Place the round corners image on a plain backdrop in your design app, leaving a margin around it, so the soft corners are easy to see.
Keep the curve the same across a series of posts. A consistent look helps followers recognize your posts at a glance.
Rounded photos for print
A round corners image is not only for screens. Printed photo cards, menus, flyers, and wedding place cards look softer with curved photo corners. Download a larger size for print so the curves stay smooth on paper, and leave a small margin between the photo and the edge of the page.
If the card itself has rounded corners, match the photo curve to the card for a neat, finished look. Print one test copy first to check that the curve looks the way it did on screen.
Clear corners or colored corners?
Clear corners are the safest choice for a round corners image when you do not know where it will go, because the page color shows through. Colored corners are useful when a platform does not support see-through images, or when the picture will always sit on one known color. Pick the color of that page so the corners disappear.
Mistakes to avoid
- Rounding so much that text near a corner gets cut.
- Using a different curve on every image in the same gallery.
- Downloading a JPG with white corners for a dark page.
- Rounding a tiny image, which makes the curves look blocky.
Keep a set consistent
When several images sit together on a page, use the same curve on all of them. Matching corners make a gallery, a slide deck, or a product grid look planned. Write down the setting you used, or round image corners on the whole set in one sitting so they match.
Free and private
Everything runs in your browser. Your picture is not uploaded, nothing is saved on a server, and the round corners image you download has no watermark.
Frequently asked questions
Does rounding the corners cut off my image?
Only the very tips of the corners are removed. The rest of the picture stays exactly as it was.
Can I round just one or two corners?
Yes. Adjust each corner on its own, for example only the top two for a tab shape.
How do I keep the corners transparent?
Download a PNG or WebP. A JPG fills the corners with the color you pick.
How do I round image corners on a phone?
Open this page, tap to add the picture, set the curve, and download the result to your phone.
Is a round corners image the same as a circle crop?
No. A circle removes much more of the picture. Rounded corners keep the rectangle and only soften the edges.
Is my picture uploaded?
No. The corners are rounded in your browser, and nothing leaves your device.
Sources
- createImageBitmap: The browser decodes the photo on this device
- HTMLCanvasElement.toBlob: The download is written by the browser, not uploaded