Image Round Corners
Clips an image with a rounded-rectangle (or circle, or squircle) path baked into a transparent PNG. Useful for avatar squares, thumbnail tiles, and any image that needs to match a `border-radius` styling without doing it in CSS. The per-corner mode takes four independent radii (top-left, top-right, bottom-right, bottom-left); padding adds an opaque border around the clip; JPEG mode flattens transparency to a chosen background color since JPEG can't carry alpha.
How to use
- Drop an image. Pick a mode — uniform radius for a normal rounded card, circle for an avatar from a square, squircle for an iOS-style shape.
- Per-corner mode gives you four sliders if you need an asymmetric clip (a chat-bubble corner, for example).
- Download as PNG to keep the transparent corners, or JPEG if size matters more than alpha.
Frequently asked questions
- What's a squircle?
- A continuous-curvature shape between a circle and a square — the iOS app icon shape, Apple's 'superellipse' (n≈4). It looks softer than a rounded rectangle because the curvature doesn't have an abrupt straight-to-curve transition.
- Why does my output have a checkerboard background?
- That's just the preview showing the transparent area. The downloaded PNG keeps the real transparency — drop it into a page and the corners will be see-through.
Related tools
Border Radius Generator
Drag corners independently, try elliptical radii, copy the CSS — with chat-bubble, pill, blob, and tab presets.
Image Trim (Auto-Crop Transparent / Solid Borders)
Automatically crop empty transparent, white, black, or any solid-color border off an image — with adjustable tolerance, padding control, and PNG/JPEG/WebP export. Everything runs in your browser.
Round-Robin Pair Scheduler (Tournament & 1-on-1 Rotation)
Generate a full round-robin pairing schedule where every participant meets every other participant exactly once — using the classic circle method.
CSS clip-path Builder (Circle, Ellipse, Polygon, Inset)
Visual builder for the CSS `clip-path` property — pick a shape (circle, ellipse, inset, or polygon), tweak the numbers with sliders or click the preview to add polygon points, and copy a ready-to-paste CSS declaration. 10 shape presets included (triangle, hexagon, star, arrow, message bubble, plus, …).
Image Crop (Aspect Ratio)
Crop any image to a standard aspect ratio (1:1, 16:9, 4:3, etc.) — centered automatically.
Image Sharpen (Unsharp Mask)
Sharpen any photo or screenshot in your browser using the unsharp-mask algorithm — three sliders (amount, radius, threshold), four presets (subtle → extreme), live before/after comparison, and PNG download. Nothing is uploaded.