Round Image Corners
Add rounded corners to any image with precise control. Adjust individual corners, choose output format, and download instantly. 100% free, no upload required.
Updated
What is the Round Image Corners?
Transform any image with perfectly rounded corners in seconds. Whether you need subtle softening or dramatic circular crops, this tool gives you pixel-perfect control over every corner—individually or all at once.
Why Use This Tool
Complete Privacy — Your images never leave your browser. All processing happens locally on your device using modern Web APIs.
Precise Control — Set uniform radius for all corners, or customize each corner independently for unique shapes and effects.
Professional Output — Export as PNG (with transparency), JPEG (with background fill), or WebP. Scale up to 4x for high-DPI displays.
Zero Friction — No accounts, no watermarks, no limits. Just drop an image and start editing.
Perfect For
- Social media — Create circular avatars or consistent post styling
- UI/UX design — Mock up cards, buttons, and screenshots with realistic corners
- E-commerce — Polish product photos with subtle rounded edges
- Presentations — Soften harsh rectangle screenshots and diagrams
- Print materials — Generate high-resolution assets with precise corner geometry
Supported Formats
Import: PNG, JPEG, WebP, GIF, BMP
Export: PNG (transparent corners), JPEG (filled background), WebP (optimized modern format)
How it works
This tool uses the HTML5 Canvas API to apply a clipping mask with curved edges to your image. Here's the technical process:
The Clipping Technique
Load — Your image is decoded into a bitmap using
createImageBitmap(), which happens entirely in your browser.Path Creation — A rounded rectangle path is constructed using quadratic Bézier curves. Each corner's curve is calculated to match your specified radius, automatically clamped so curves never overlap or distort.
Clipping — The canvas context is clipped to this rounded path. Anything drawn afterward only appears inside the rounded shape.
Composite — The original image is drawn through the clip. For formats without transparency (JPEG), a background color fills the corners first.
Export — The canvas is encoded to your chosen format using
toDataURL()ortoBlob().
Corner Radius Math
The actual rendered radius is the minimum of:
- Your specified radius
- Half the image width
- Half the image height
This prevents impossible geometry where curves would overlap.
Scale and Resolution
When you select 2×, 3×, or 4× scale:
- The canvas dimensions multiply accordingly
- The corner radius scales proportionally
- The image is drawn using high-quality interpolation
- Result: crisp edges on Retina and 4K displays
Format Differences
| Format | Transparency | Background Fill | Best For |
|---|---|---|---|
| PNG | Yes | Optional | Logos, icons, UI elements |
| JPEG | No | Required | Photos, complex images |
| WebP | Yes | Optional | Modern web, smaller files |
The background color selector only affects JPEG output and PNG/WebP when your source image has transparent areas.
Examples
Social media profile picture
Create a circular profile picture by setting all corners to maximum radius, then export as PNG with transparency.
App screenshot with rounded corners
Apply consistent 24px rounded corners to all sides of a mobile app screenshot for a polished presentation.
Card design with asymmetric corners
Create a modern card effect by rounding only the top corners, leaving bottom corners square.
High-resolution export
Process a logo at 4x scale for crisp printing, with white background filling the rounded corners.
Batch-style consistent branding
Apply identical 16px corner radius to multiple team photos for uniform website thumbnails.
Frequently asked questions
Is my image uploaded to a server?
Is my image uploaded to a server?
No. This tool uses the Canvas API and createImageBitmap() to process images entirely in your browser. Your files never leave your device. This makes it safe for sensitive screenshots, confidential documents, or personal photos.
Why do my corners look different than expected?
Why do my corners look different than expected?
The actual corner radius is automatically limited to half your image's smallest dimension. If you set 500px radius on a 400px wide image, you'll get 200px radius (a perfect circle on that edge). This prevents geometric impossibilities where curves would overlap.
Can I round just one or two corners?
Can I round just one or two corners?
Yes. Toggle "Individual" mode to control each corner separately. Set any corner to 0px to keep it square. Common patterns include rounding only top corners for card designs or only one corner for speech bubbles.
What's the difference between PNG and JPEG output?
What's the difference between PNG and JPEG output?
PNG preserves transparency in the rounded corners—use this when placing your image over varying backgrounds. JPEG fills corners with your selected background color and offers smaller file sizes for photographs. JPEG does not support transparency.
Why would I use the Scale option?
Why would I use the Scale option?
Scale multiplies your output resolution. Use 2× or higher when creating assets for high-DPI displays (Retina MacBooks, modern smartphones) or when you need print-quality images. The corner radius scales proportionally so proportions stay correct.
What background color should I choose?
What background color should I choose?
For PNG/WebP: The background only fills transparent areas in your source image. Corners remain transparent. For JPEG: The background fills all rounded corners since JPEG has no transparency. Choose white for clean documents, black for dark mode designs, or a brand color for marketing materials.
Can I process multiple images at once?
Can I process multiple images at once?
Currently, images are processed one at a time for the live preview. However, your settings (radius, format, scale) persist between files—just drop a new image to apply the same styling instantly.
Why does the file size increase after rounding?
Why does the file size increase after rounding?
PNG and WebP with transparency often increase in size because the "empty" corner areas still store alpha channel data. JPEG typically decreases in size due to simpler geometry. Use WebP with quality adjustment for best size-to-quality ratio.
Does this work with animated GIFs?
Does this work with animated GIFs?
The tool processes the first frame only. Animated GIFs are not currently supported for output. For animated content, extract a frame first or use a dedicated GIF editor.
What's the maximum image size?
What's the maximum image size?
Your browser's memory limits apply. Most devices handle images up to 8192×8192 pixels. Extremely large images may cause slowdowns or crashes. For best performance, use images under 4000 pixels on the longest side.
Can I copy the result directly without downloading?
Can I copy the result directly without downloading?
Yes. Click "Copy to Clipboard" to copy the processed image directly. This uses the Clipboard API when available, falling back to copying the data URL as text in older browsers. Paste into design tools, documents, or chat apps that support image paste.
Why is my preview checkered?
Why is my preview checkered?
The checkered pattern represents transparency—it's a standard design convention showing where your image has no background. Switch to "Dark" or "Light" preview backgrounds to see how your image looks against solid colors.
How do I make a perfect circle?
How do I make a perfect circle?
Set all corners to a radius equal to or greater than half your image's smallest dimension. For a 400×400 image, use 200px or more. For non-square images, this creates an ellipse or "squircle" shape.
Is WebP better than PNG?
Is WebP better than PNG?
WebP typically produces 25-35% smaller files than PNG with identical quality. Use WebP for web projects where browser support is acceptable (all modern browsers). Use PNG when maximum compatibility with older software is required.
Can I undo changes or adjust radius after processing?
Can I undo changes or adjust radius after processing?
The live preview updates instantly as you drag sliders—no need to process manually. If you've already downloaded, simply re-upload the original and apply new settings. The tool never modifies your source file.
Related tools
More utilities you might find handy.
Avatar Generator - Placeholder & Initials Avatar Maker
Generate beautiful placeholder avatars with initials, gradients, pixel, identicon and geometric styles in seconds
Color Picker From Image
Extract HEX, RGB, and HSL color codes from any image with pixel-perfect precision.
EXIF Viewer Online
View EXIF data from any photo instantly in your browser — see camera model, shutter speed, aperture, ISO, GPS location, and date taken. 100% private, no upload.