Round Image Corners and Add Borders

Soften the edges, crop to a circle and add colored frames with a transparent background. Several images at once, all in your browser.

Drag your images here
or click to browse — JPG, PNG, WEBP. You can pick several at once.

How to round corners and add borders

Start by dragging your images onto the upload area, or click it to open your file picker. You can send several photos at once by holding Ctrl (or Cmd on a Mac) while selecting, and the accepted formats are JPG, PNG, WEBP, GIF and BMP. With more than one file loaded, tabs named after each image appear above the preview — click to switch between them and check how your settings look on each photo. Just under the preview, the final file dimensions are shown in pixels, already counting any border you add.

The first decision is the shape. Rounded corners keeps the original proportions of the photo and simply softens the edges. Circle center-crops the image to a 1:1 ratio and applies a round mask — the right choice for profile pictures and avatars, because it avoids the squashing you get when a portrait photo is forced into a circle. Square just center-crops to 1:1 without any rounding. In rounded-corners mode, the radius slider controls the curvature as a percentage of the shorter side, and the four buttons below let you switch off specific corners: click one and that corner goes back to being square.

Border thickness is set in pixels and drawn outside the image, so nothing of the original content gets cropped. As soon as the value goes above zero, a color picker, a hex code field and a palette of eight ready-made colors appear. The border follows whatever curvature you chose, so in circle mode it becomes a perfect ring. The soft shadow option adds a subtle lift behind the image, handy for thumbnails that sit on light backgrounds. The transparent background box is ticked by default, and it is what guarantees the cut corners are genuinely see-through.

Finally, pick a download format. PNG is the recommended default because it preserves the transparency of the corners with no quality loss. WEBP also keeps transparency and produces smaller files, which makes it ideal for use on a website. JPG has no transparency, so choosing it fills the corners with the background color set in the controls. Use the download image button to save just the photo on screen, or download all to receive the whole batch as a .zip archive with identical settings applied.

Frequently asked questions

Are my images uploaded to a server?
No. The cropping and the border drawing both happen in your browser using Canvas. No file is ever sent over the internet.
Can I round the corners of several images at once?
Yes. Upload as many images as you like: the same radius, border and shape are applied to all of them. Download them one at a time, or grab the whole batch as a single .zip file.
Why do my rounded corners turn white or black after saving?
That happens when the file is exported as JPG, a format with no transparency at all — the cut-away area has to be filled with something. To keep the corners genuinely see-through, choose PNG or WEBP as the format and leave the transparent background box ticked. If your destination insists on JPG, set the background color to match the site or document where the image will live.
What radius should I use for website thumbnails and cards?
Modern interfaces usually land between 8% and 16% of the shorter side, which works out to roughly 8–16 px on a 100 px thumbnail. Above 25% the shape starts to read like a pill-shaped button, and 50% turns a rectangle into a circle or an ellipse. If the cards on your site already have a radius defined in CSS, matching that value proportionally on the image makes the two line up perfectly.
How do I create a round profile picture with a frame?
Pick the Circle shape: the tool center-crops the image to a 1:1 square before applying the mask, so portrait-orientation photos do not get squashed. Then raise the border thickness to somewhere between 10 and 30 px and choose a frame color. Export as PNG so the area around the circle stays transparent on any background — that is the format LinkedIn, Discord, WhatsApp and most avatar systems expect.
Can I round only some of the corners?
Yes. In the rounded-corners shape there are four buttons, one per corner. Switch off the ones that should stay square — useful for images that sit flush against the top of a card, where only the bottom corners need rounding, or for banners that align to one edge of the screen.
Does the border make the image bigger?
Yes. The border is drawn outside the photo, so an 800×600 px image with a 20 px border comes out as an 840×640 px file. None of the original image area is cropped away. The final dimensions are shown just below the preview.
Continue with another tool
Related articles
See all articles →