Image Rounded Corners

Workflow & Usage

1. Add images
   Drag & drop or select one or more JPG, PNG, or WebP images. Previews appear instantly.

2. Choose an output format
   Select PNG, WebP, or JPEG.
   PNG and WebP support transparent corners. JPEG exports use a solid background.

3. Set the corner radius
   Use the slider or number input to define the corner radius in pixels.
   Enable Link corners to apply the same radius to all corners, or disable it to adjust each corner individually.

4. Control background behavior
   Keep corners transparent (recommended for icons and UI assets), or enable Use background color to fill corners with a solid color.

5. Fine-tune individual images
   Click Edit on any image to override the global settings. The edit modal shows a large, accurate preview before saving.

6. Download results
   Download images individually or export the entire batch as a ZIP file.

What This Tool Is (and Isn’t)

The Image Rounded Corners tool changes the shape of the image corners — nothing else.

It does:

• Apply rounded corners using a precise radius
• Preserve original image dimensions
• Support transparency where the format allows
• Work in batch with per-image overrides

It does not:

• Resize images
• Crop images
• Add borders or shadows
• Detect content automatically

If you need to resize images, use the Image Resizer.
If you want to add space around images, use the Image Padding Adjuster.

Use Cases

• Icons & UI Assets
  Create clean, rounded icons for apps, dashboards, and websites using transparent PNG or WebP outputs.

• Thumbnails & Cards
  Apply consistent corner rounding to thumbnails and card-style layouts.

• E-commerce Images
  Round product image corners to match storefront design systems.

• Marketing & Social Graphics
  Prepare images with consistent corner styling across multiple platforms.

• Batch Cleanup
  Quickly standardize the look of large image folders without opening a design app.

• Client Deliverables
  Export predictable, polished assets in the exact format your client needs.

Tips for Best Results

• Use PNG or WebP for transparency. These formats preserve transparent rounded corners.
• JPEG always needs a background. If you export as JPEG, choose a background color for the corners.
• Link corners for consistency. Unlink only when you need asymmetric designs.
• Preview in the edit modal for accuracy. The modal preview reflects the final export more closely than the card view.
• Combine with other tools. Add padding or adjust canvas size before rounding corners if needed.

How It Works

The Image Rounded Corners tool runs entirely in your browser using modern canvas APIs:

• Images are decoded with createImageBitmap for fast rendering.
• A rounded rectangle clipping path is applied to the image.
• Transparent or solid backgrounds are handled based on the selected output format.
• Images are re-encoded locally and exported individually or as a ZIP using JSZip.