Circle Crop: Make a Round Profile Picture or Logo (PNG)

A round photo looks finished in places where a square one looks pasted in: a team page, an email signature, a speaker slide, a testimonial block, a Discord or Slack avatar, a sticker. Most social apps make your profile picture round for you, but documents, websites and design tools do not. To get a clean circle there, you need an image whose corners are actually transparent, and that means a PNG cut to a circle.

This tool does that in your browser. You choose the part of the picture that goes inside the circle, the final size and an optional border, and download a round PNG. The photo never leaves your device.

How to crop an image into a circle

1. Drop a photo or logo into the box above, or click it to choose one. You can also paste an image with Ctrl+V.
2. The circle appears over the picture. Drag inside it to move it, and drag a corner handle to make it bigger or smaller. Everything outside the gold circle is darkened.
3. For exact placement, type X, Y and Width in the pixel fields. Width and height are always equal, because a circle needs a square.
4. Under Output, choose the Size: Same as crop, or a fixed size from 180 to 1080 pixels.
5. Optional: drag Border width above 0 and pick a Border color for a ring around the photo.
6. Keep Outside the circle on Transparent for a cutout, or choose Color to fill the corners.
7. Keep PNG and click Crop to circle, check the preview, then click Download.

Which size to pick

Exporting at two to three times the size it will be shown keeps the edge of the circle smooth on phones and retina laptops. If the original crop is smaller than the size you pick, the tool warns that the image will be enlarged.

Transparent corners, borders and backgrounds

Transparent

The default. Only the circle has pixels; the four corners are empty. Place the PNG on any background color and it looks round. This is what you want for websites, slides, Canva designs and stickers.

Color

Fills the corners with one color, for places that do not show transparency well or when you need a JPG. Matching the color to the page behind it makes the circle look cut out. JPG output always uses a color, because JPG has no transparency.

Border

The border is drawn inside the circle edge, measured as a percentage of the diameter, so it looks the same at every export size. A thin white ring of 2 to 3 percent lifts a photo off a dark background. A brand-colored ring of 4 to 6 percent works for logos and "open to work" style frames you design yourself.

Getting a good round profile photo

• Center the face, slightly high. In a circle, the eyes look natural about 40 percent down from the top. Leave a little space above the head.
• Fill most of the circle. At small sizes a tiny face becomes a dot. Head and shoulders usually work best.
• Use a plain background. Busy backgrounds compete with the face when the circle is small.
• Logos need padding. A wide logo squeezed into a circle loses its ends. Choose a square icon version of the logo, or leave 10 to 15 percent space around it.
• Check it small. Look at the preview zoomed out. If you cannot recognize the person or brand at thumbnail size, crop closer.

Circles for logos and brand marks

Round logos turn up in many places: a shop icon on a marketplace, a podcast cover thumbnail, a store's favicon, a sticker on packaging, the corner of a video. Square icon marks fit a circle naturally. Wide wordmarks do not: a logo that is four times wider than tall either shrinks to a thin strip or loses its ends. Two fixes work well:

• Use the symbol or initials version of the logo alone inside the circle, and keep the full wordmark for wide spaces.
• Place the wordmark on a square canvas with plenty of padding first, for example with the SVG to PNG converter's exact size option, then crop that square into a circle here.

Logos with a transparent background stay transparent outside the artwork and inside the circle. If you want a solid colored disc behind a transparent logo while the corners stay clear, put the logo on a colored square first (the SVG to PNG converter's background color option does this), then crop that square into a circle with a transparent outside.

Circle crop compared with masks in design apps

Canva, PowerPoint, Keynote and Figma can all show a photo inside a circle frame. That works inside the app, but the export is often still a square with a colored background, and the original full photo stays inside the file. Cutting the circle here gives you a small, final PNG that behaves the same everywhere: in an email signature, an HTML page, a Google Doc or a print order. It is also lighter, because the file holds only your chosen size and nothing hidden outside the circle.

Profile pictures on social platforms

Instagram, Facebook, LinkedIn, X, TikTok and YouTube all show profile pictures as circles, but they want you to upload a square image and they cut the circle themselves. Uploading a transparent round PNG to them can leave odd black or white corners in some views. For those platforms, crop a square with the image cropper and use this tool to preview how the circle will look. YouTube's help center, for example, says the profile picture renders at 98 by 98 pixels and accepts JPG, GIF, BMP or PNG files up to 15 MB (checked October 2026).

Keeping a consistent face and brand across platforms also helps people recognize you in their feed. If you post to Pinterest, Instagram and Facebook regularly, AM Jarvis's Social Autopilot schedules posts to all three from one place.

Example: a team page with matching circles

A small agency has six staff photos taken in different places: some wide, some tall, one a selfie. To make the team page look consistent:

1. Open each photo, place the circle so the eyes sit a little above the middle, and size it so the head and shoulders fill it.
2. Export every photo at 512 pixels with a 2 percent white border and a transparent outside.
3. Place the six PNGs in the website's team section. They line up as equal circles regardless of the original shapes.

The same approach works for testimonial avatars and author boxes on a blog.

Troubleshooting

• The corners are white or black, not clear: the format is JPG, or Outside the circle is set to Color. Choose PNG and Transparent.
• The circle edge looks jagged: the export is too small for where it is shown. Pick a larger size.
• WebP is missing: some browsers, such as Safari, cannot save WebP from a web page, so the option is hidden. PNG works everywhere.
• The photo opened sideways: the camera rotation is applied automatically. If it still looks wrong, rotate it first with the rotate image tool.

Privacy

The circle is cut in your browser. Your photo is not uploaded or stored, and the PNG does not carry the original camera data such as GPS location.