Image editor
Add rounded corners to your images in the browser. Choose radius and background. Files are processed locally and never uploaded.
Last updated:
Select or drop an image to round corners.
Adjust corner radius and background.
How it works
Three simple steps to add smooth rounded corners to any image.
Select an image from your device or drag and drop it into the upload area. The file loads locally in your browser and is never sent to any server. You can preview the original image and check its dimensions before applying rounded corners.
Use the slider to set the corner radius from 0 (sharp corners) to 200 pixels. The preview updates instantly so you can see exactly how the rounded corners will look. Choose a transparent background for PNG output, or select white, black, or a custom color.
Choose your preferred output format and click download. The rounded corner image is generated locally using HTML5 Canvas and saved to your device. PNG format preserves transparency, while JPG produces smaller file sizes with a solid background.
Use cases
Rounded corners are a fundamental design element that improves aesthetics and user experience.
Rounded corners are a hallmark of modern interface design, used by Apple, Google, Microsoft, and virtually every major tech company. They feel softer, friendlier, and more approachable than sharp corners. App icons, cards, buttons, and image thumbnails almost universally use rounded corners to create visual harmony and reduce visual tension.
Many social media platforms display profile pictures and post images with rounded corners or circular crops. Pre-rounding your images ensures they look exactly as intended, even on platforms that apply their own corner radius. This is especially important for Instagram stories, Twitter/X headers, LinkedIn banners, and Facebook cover photos where precise control matters.
Online stores use rounded corner product images to create a consistent, polished catalog appearance. Amazon, Shopify, and Etsy sellers round product photos to match their theme's design system. Rounded corners also help products stand out against white backgrounds by creating a subtle visual boundary without harsh lines.
Screenshots and photos in presentations, reports, and proposals look more professional with rounded corners. They reduce the "raw screenshot" feel and integrate better with slide designs. Transparent backgrounds let rounded images overlay any slide color or pattern seamlessly, making them versatile for any presentation template.
Best practices
Follow these tips to create professional-looking rounded corner images.
The ideal corner radius depends on the image dimensions. A 24px radius looks great on a 400px image but may be barely noticeable on a 2000px image. As a general rule, use a radius that is 5-15% of the shorter dimension. For very large images, scale up the radius proportionally to maintain the same visual effect.
When in doubt, choose PNG output with a transparent background. This gives you the most flexibility: the rounded image can be placed on any background color, pattern, or gradient without needing to re-edit. Transparent PNGs are essential for web design, app development, and any context where the background may change.
If you are rounding multiple images for a gallery, catalog, or presentation, use the same corner radius for all of them. Inconsistent rounding creates visual disharmony and makes a design look unprofessional. Decide on one radius value and apply it uniformly across all images in the set.
Some platforms automatically apply their own corner radius to uploaded images. If you pre-round your images and the platform rounds them again, the effect can be exaggerated or distorted. Research your target platform's image handling: if they auto-round, use a smaller radius or none at all; if they don't, you have full control.
FAQ
Answers to common questions about adding rounded corners to images.
Yes. Set the corner radius to at least half of the shorter image dimension. For a perfectly square image, a radius equal to half the width (or height) will produce a circle. For rectangular images, a large radius will produce a "squircle" or stadium shape. Use PNG with transparent background for the best circular result.
The JPG format does not support alpha (transparency) channels. When you choose JPG output with a transparent background, the transparent areas will be filled with white or the selected background color. For images that need transparency, always use PNG or WebP format. JPG is best for photos where a solid background is acceptable.
No. All processing happens locally in your browser using the HTML5 Canvas API. Your image file never leaves your device. This means your files remain private, there are no upload size limits from our servers, and rounding works even with a slow or intermittent internet connection after the page has loaded.
The slider allows up to 200 pixels, but the effective maximum is limited by the image dimensions. A corner radius cannot exceed half of the shorter dimension (otherwise the corners would overlap). The tool automatically clamps the radius to the maximum valid value for your specific image size.
Rounding corners itself does not reduce image quality in the visible area. However, if you save as JPG, there will be some compression loss. Choose PNG for lossless quality, or WebP for a good balance of quality and file size. The original pixels in the non-corner areas are preserved exactly as they were in the source image.
This tool applies the same radius to all four corners uniformly, which is the most common use case. If you need to round only specific corners (e.g., only the top corners), you can use a more advanced image editor like GIMP, Photopea, or Figma. Those tools offer per-corner radius control for more precise design needs.
Related
Short paths into the nearest related tasks.