Softonic

Image Rounded Corners

Step 1 / 3 Corner radius

Operating systems, app stores and UI design systems all like rounded corners, iOS icons, Material cards, modern Tailwind components. Upload any image and this tool rounds the four corners to the radius you set, exports as PNG with transparent corners, and optionally applies a different radius per corner for ticket-stub or speech-bubble looks.

How to round image corners

  1. 1

    Upload an image

    JPG, PNG or WebP.

  2. 2

    Pick a radius

    In pixels or as a percentage of the shorter side.

  3. 3

    Optional: different per corner

    Round only the top corners (card), or asymmetric (ticket).

  4. 4

    Pick background

    Transparent (PNG) or a solid colour if saving as JPG.

  5. 5

    Export

    PNG preserves rounded alpha; JPG flattens to the colour you chose.

Radius choices for common UI shapes

Radius presets

Shape Radius
Subtle UI card 4-8 px
Material Design card 4 px (or 8 px in M3)
iOS app icon 22.37% of side (the “squircle”)
macOS app icon 18.75% of side
Instagram story bubble 12-16 px
Rounded avatar 50% of short side (fully circular)
Ticket stub Asymmetric, round only one or two corners
Chat bubble tail side One corner small, rest larger

The squircle problem

iOS icons are not simple rounded rectangles, they use a “superellipse” that is mathematically smoother at the transition. True squircles are beyond what a CSS border-radius or simple alpha mask can render; the tool approximates them with a high-order rounded rectangle that looks indistinguishable at typical icon sizes.

Transparency behaviour

  • PNG output is the default, the rounded corners become transparent pixels. Useful for app icons, UI cards, and anywhere you need to compose the image onto a varied background.
  • JPG output cannot be transparent. The rounded corners fill with a colour you pick, effectively making the photo look framed.

Different radius per corner

A chat-bubble look: round three corners at 12 px and leave one at 0 px (the corner where the “tail” would attach). A ticket stub: two sharp and two rounded. Asymmetric radii are a quick way to suggest the image attaches to something else.

Anti-aliasing

Corner curves are drawn with 4x super-sampling so they look crisp at normal viewing sizes. Printed or heavily-zoomed, the radius is still visibly smooth.

Frequently Asked Questions

Apple uses a squircle whose corner curvature is approximately 22.37% of the icon side. On a 1024 × 1024 canvas that is about 229 px of effective corner radius, though the exact math differs slightly from a plain rounded rectangle.

Yes. Radius is applied per corner regardless of the image aspect ratio. At extreme ratios (very wide or very tall), setting radius to 50% of the short side produces a capsule shape.

No, JPG does not support transparency. Either export as PNG to keep the rounded alpha, or pick a background colour for the JPG and the corners will fill with that colour.

Yes. The tool only adds an alpha mask and does not resize the image. If you want to combine rounding with resizing, apply the resizer first.

Related Tools

Image Resizer

Resize images to pixel-exact dimensions or percentages while preserving aspect ratio. Batch-friendly, no upload.

Material Design Color Picker

Browse the Material Design color palette. Copy any shade (50 through A700) as HEX, RGB or HSL with one tap.

QR Code Generator

Generate a browser-local QR code from a plain text or URL payload. Adjust size, colours and error correction, then download PNG.

Barcode Generator

Create a 1D barcode in your browser in Code 128, EAN, UPC, ITF-14 and other supported formats. Download the rendered result as SVG or PNG.

Meme Generator

Add fixed top and bottom captions to a JPG, PNG, or WebP image in your browser. Set font, size, colors, and stroke, then download a PNG.

Tier List Maker

Create a private tier list with text and local images. Customize rows, rank by drag or keyboard, recover locally, and export JSON, PNG or SVG.

Tool available in other languages