Add smooth rounded corners, continuous Apple iOS squircles, circular avatar crops, and decorative borders to any image with 100% in-browser client-side vector precision. Featuring independent 4-corner asymmetric curvature calibration (independent Top-Left, Top-Right, Bottom-Right, and Bottom-Left sliders), true Lamé superellipse continuous curvature smoothing ($G^2$ continuity) that eliminates tangent abruptness, 1-click geometric presets (Circle Avatar, Pill / Capsule, Apple App Store Icon, and Diagonal Leaf), custom outline strokes, frosted blur cushions, and real-time before/after comparison sliders. Export lossless 32-bit transparent PNGs, modern WebP with alpha channels, SVG vector clip paths, or solid matte JPEGs with zero server uploads and instant batch ZIP archiving.
Universal Image Rounded Corners & Squircle Studio
Add smooth rounded corners, continuous iOS squircles, circular avatar crops, and decorative borders with full 32-bit alpha transparency directly inside your browser.
Standard CSS border-radius relies on classic circular arcs. While simple and ubiquitous, circular corners exhibit a mathematical discontinuity in curvature known as $G^1$ continuity: the curvature abruptly jumps from zero on the straight flat edge to a fixed radius value at the tangent point. The human eye easily detects this sudden inflection, which can make corners appear rigid or slightly pinched.
In contrast, Apple's iOS ecosystem and modern industrial design employ continuous superellipses ($G^2$ curvature continuity), commonly called Squircles. The squircle equation $\left|\frac{x}{a}\right|^n + \left|\frac{y}{b}\right|^n = 1$ (with $n \approx 4.0$ to $5.0$) smoothly tapers and accelerates the curvature from zero into the apex of the curve. This eliminates visible seams, creating an ultra-soft, organic, and premium aesthetic.
When an image corner is clipped, the clipped corner area must be handled by the image format:
- PNG (32-bit RGBA) & WebP: Support an uncompressed 8-bit alpha channel (256 levels of transparency). The clipped corner wedges become completely transparent, allowing your rounded graphic to overlay smoothly over any website background, gradient, or dark mode container without ugly white corner artifacts.
- JPEG: JPEG is an RGB-only format with zero alpha channel support. If exported as JPEG, transparent corner pixels are flattened against a solid matte color (such as pure white
#ffffffor your custom chosen color).
All image raster decoding, vector clipping path calculations, Bézier cubic formulations, and ZIP packaging happen entirely inside your computer or mobile device's local memory via HTML5 Canvas and native JavaScript APIs. Zero bytes of your photos, private icons, avatars, or company assets are uploaded to any external cloud server or third party.