Add Rounded Corners Online

When You Need the Rounding Baked Into the File

CSS border-radius handles rounded corners fine on a live webpage, but plenty of contexts can't rely on a browser to render it. Email clients routinely strip or ignore border-radius, so a rounded product photo or avatar in a marketing email only looks rounded if the file itself already carries transparent corners. The same limitation shows up in PDFs, native app views that display images as-is, slide decks, and social platforms that render uploaded assets without applying your site's stylesheet. App icon and favicon work is another recurring case. Some platforms auto-mask a square PNG for you, but for preview assets, marketing screenshots of an icon, or surfaces that don't apply their own mask, rounding the source image yourself keeps things visually consistent with the masked version users actually see. Avatars and profile images follow the same logic: if you're compositing a rounded avatar into a larger flattened graphic — a certificate, a name badge, a card layout exported as one image, a video thumbnail — the rounding has to exist in the source pixels before flattening, because a CSS radius applied only to the original element won't survive being baked into a static export. Because processing happens entirely in your browser, this also works for material you'd rather not send to a server — screenshots containing personal information, unreleased product photography, or internal tooling assets — none of it is transmitted anywhere in order to get the corners rounded.