About this tool
Make a circular or rounded-corner version of a profile image or logo. The tool uses a centred square crop and exports PNG so the corners can remain transparent in a compatible viewer.
Calculations and file processing run in this browser tab. The tool does not send working inputs or files to our hosting server.
मुख्य इनपुट और नियंत्रण हिंदी में देखने के लिए ऊपर “🇮🇳 हिंदी में देखें” चुनें। गणना और फ़ाइल प्रोसेसिंग इसी ब्राउज़र टैब में होती है; टूल आपके इनपुट हमारी होस्टिंग पर नहीं भेजता।
Features
- Create a centred square crop at the selected output size.
- Use a 50% radius for a circle or a smaller value for rounded corners.
- Export transparent corners as a PNG image.
Benefits
- Prepare a consistent avatar shape.
- Keep transparent corners without manually painting a background.
Who should use this tool?
- People preparing profile avatars.
- Teams making matching portrait images.
How to use
- Choose a profile picture or logo and set the output size.
- Use 50% rounding for a circle, or a smaller value for rounded corners. The source is cropped to a centred square.
- Download the PNG to keep transparent corners. A viewer may display transparency on a white or checkerboard background.
Try these worked examples
| Scenario | Example inputs | Example result |
|---|---|---|
| 512×512 Perfect Circle Avatar (50% Radius) | Output Square Size (px): 512Corner Radius (% — 50% = Perfect Circle, 10% = Smooth Rounded Card): 50 | 512 × 512 px PNG (Corner Radius: 256px / 50%) |
| 512×512 App Icon Rounded Square (22% Radius) | Output Square Size (px): 512Corner Radius (% — 50% = Perfect Circle, 10% = Smooth Rounded Card): 22 | 512 × 512 px PNG (Corner Radius: 113px / 22%) |
Reference and processing
HTML5 Canvas Clipping Path (arc / roundRect) Alpha Mask
Calculations and file processing run in this browser tab. The tool does not send working inputs or files to our hosting server.
FAQs
Why do transparent corners sometimes look white?
A viewer may display transparency on a white background. The PNG can still contain transparent corners. Inspect it in an editor or viewer that shows the alpha channel.
Which inputs do I need for Circle Avatar & Rounded Corner Image Maker (Transparent PNG)?
Use Output Square Size (px); Corner Radius (% — 50% = Perfect Circle, 10% = Smooth Rounded Card). The built-in examples show how those fields fit together.
What should I check before using this result?
Always exports as PNG (`image/png`) to preserve transparent corners. Keep the original file. Check the saved format, dimensions, page order and content before replacing or sharing a document.
What happens to the information I enter?
Calculations and file processing run in this browser tab. The tool does not send working inputs or files to our hosting server. Tool favourites save only tool IDs in this browser. Sharing sends the tool link, not your working values or files.