Rounded Corners Maker

Add rounded corners to images with adjustable radius and transparent or colored background.

Tested tool guide Tested browser tools Checked August 16, 2026

What Rounded Corners Maker does and how it behaves

Rounded Corners Maker reshapes the four outer corners of an image using an adjustable radius. The retained picture follows a rounded rectangle, while the areas outside those curves can remain transparent or receive a selected color. Processing stays in the browser, so the source image is not uploaded. The common surprise is that transparency is not the same as white: transparent corners display whatever lies behind the finished image, while colored corners retain the chosen color when the image is placed elsewhere.

How the result is produced

Corner radius

The radius controls how far each rounded corner extends along the adjacent edges. A small setting removes only the sharp tips; a larger setting excludes more of the original corner regions and produces a more strongly rounded silhouette. The operation concerns the image's outer boundary, so text, logos, faces, or other important content placed near a corner may be cut off.

Corner background

The background choice determines what occupies the four regions outside the rounded boundary. Transparent corners have no opaque fill and can reveal a page, slide, or document background beneath them. A chosen color fills those regions instead. That color becomes part of the visible result, so it will form a rectangular surround if the image is later placed over a different color.

Good uses

Preparing an avatar, logo, or profile image that needs a circular or strongly rounded appearance without manually drawing and aligning four corner masks.
Softening the corners of product screenshots, card thumbnails, interface previews, or photographs before inserting them into a document, presentation, or web layout.
Matching an image's corner regions to a known page color when transparent corners are unsuitable, such as in a layout where the surrounding background is fixed.

Limits and checks

The radius affects only the outer silhouette. It does not round objects within the picture, add an outline, create a drop shadow, or add spacing around the image.
A large radius can exclude visible source content near the corners. Inspect all four corners for clipped labels, logos, faces, decorative marks, and other details before using the result.
Transparent pixels may appear white, black, checkerboard-patterned, or another color depending on the viewer and whatever is behind the image. That appearance does not necessarily mean the corners were filled with that color.

Common questions

Should I choose transparent or colored corners?

Choose transparency when the image must work over backgrounds that may change or should remain visible through the corners. Choose a color when the destination has a known, uniform background and the corner regions should match it. The two choices are not interchangeable: a fixed color can reveal the image's rectangular boundary when placed over a different background.

Will this tool give me CSS border-radius code?

No. Rounded Corners Maker changes the visible corner treatment of the image result; it is not a CSS declaration generator. A webpage can round an image element at display time without changing the source image. Use this tool when the rounded appearance needs to accompany the image outside that particular page or without relying on surrounding CSS.

References and verification

The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.