Rounded Corners and Border
Round the corners of images, crop them to a circle, and add solid or gradient borders and padding, for one photo or a whole batch.
Tool guide
What this tool does
Rounded Corners and Border gives photos, screenshots and logos soft corners, circular avatar crops or framed borders. The corners stay transparent in PNG, WebP or AVIF, and the same style can be applied to any number of images at once.
Rounded corners make screenshots and product photos look finished on slides, websites and social posts, and circular crops are what most profile pictures and team pages expect. Doing this in a desktop editor means drawing a mask for every image, and many simple apps flatten the corners onto white instead of keeping them transparent.
This tool clips each image to a rounded rectangle, a circle or an ellipse using vector paths on a canvas, so curves are smooth and anti-aliased at full resolution. The radius can be a percentage of the shorter side, which keeps the look consistent across images of different sizes, or an exact pixel value. Borders can sit outside the photo, adding to the size, or inside, covering its edge. Everything is processed on your device.
How to use Rounded Corners and Border
- Add one or more images by dropping, pasting or using the sample.
- Pick a Preset, or choose a Shape: Rounded, Circle or Ellipse.
- For rounded corners choose the Radius unit and set the Corner radius.
- Set a Border width, its placement, Solid or Gradient style and colours, plus any Outer padding.
- Choose PNG, WebP or AVIF to keep the corners transparent, and check the live preview.
- Press Apply to all and download single files or Download all (ZIP).
Tips for better results
- A radius of 2-4% of the shorter side looks subtle on photos; 8-12% suits cards and UI screenshots.
- The App icon style preset uses a radius of about 22% of the side, close to the rounded square used for phone app icons.
- An outside border grows the outer radius by the border width, so the inner photo keeps exactly the radius you chose.
- For avatars, Circle crops the centre of the photo to a square first, so place the face near the middle.
Common use cases
- Making round profile pictures and team photos with a coloured ring.
- Giving product and portfolio images soft corners for a website or slide deck.
- Adding a white photo-print border to a set of pictures.
- Preparing rounded thumbnails and icons that sit cleanly on any background.
Common mistakes to avoid
- Saving as JPG and expecting transparent corners: JPG cannot store transparency, so the corners are filled with the background colour.
- Using a fixed pixel radius for a batch of very different image sizes; percentage keeps them consistent.
- Choosing an inside border thicker than the subject margin, which covers part of the picture.
Frequently asked questions
Will the corners be transparent?
Yes, when you export as PNG, WebP or AVIF. JPG has no alpha channel, so with JPG the corners are filled with the colour you choose under Fill transparent areas with.
What is the difference between outside and inside borders?
An outside border is added around the photo and makes the output larger by twice the border width. An inside border is painted over the outer edge of the photo, so the output keeps the original dimensions.
How is the border width measured?
As a percentage of the image's shorter side, so a 2% border on a 1000 px wide portrait is 20 px, and it scales automatically with larger or smaller files.
Are my images uploaded?
No. Clipping, borders and encoding are all done with the canvas API in your browser.
Feedback & suggestions
Help us improve Rounded Corners and Border. We read every message.