How to Add Rounded Corners to an Image Online

chenmuxing — Fri, 22 May 2026 16:52:49 +0000

Rounded corners can make a screenshot, avatar, product image, or blog graphic feel more polished. The effect is small, but it often makes an image fit better inside a modern website, presentation, or social post.

The easiest way to add rounded corners depends on what you need next.

If the image is only going on a website, CSS might be enough:

img {
  border-radius: 24px;
}

But CSS does not create a new image file. If you need to download and use the edited image somewhere else, you need a tool that exports the result.

That is where a browser-based image tool is useful.

Quick method

Open https://image-corners.utilforge.xyz
Drop your image into the tool.
Adjust the corner radius slider.
Add a border if the image needs separation from the background.
Choose transparent or solid background.
Export as PNG, JPG, or WebP.

PNG is usually the best choice when you want transparent corners. JPG is fine for photos when transparency does not matter. WebP is a good modern option for web use.

When rounded corners help

Rounded corners are especially useful for:

app screenshots
landing page images
product documentation
blog graphics
avatars
social media posts
thumbnail images

They are not always needed. If the image already sits inside a designed frame, extra rounding can look redundant. But for raw screenshots, a little radius and padding can make the image feel more intentional.

Border or no border?

Use a border when the edge of the image blends into the page. This often happens with screenshots that have a white or very light background.

A thin gray or muted color border is usually enough. Thick borders can work for social graphics, but they often look heavy in documentation or product pages.

Transparent vs solid background

Use transparent background when you want the image to sit naturally on different page colors.

Use a solid background when you want a consistent card-like image, especially for social media, slide decks, or thumbnails.

Final tip