← Cropping guides / Creative workflows

How to Make a Circle Profile Picture

Photo editing illustration for How to Make a Circle Profile Picture

A good circle profile picture keeps your face recognizable without cutting off your hair, chin, or shoulders. Frame the portrait in a circular crop, leave a little breathing room, and download a transparent PNG when you need a genuinely round-looking file.

  1. Choose Upload image and open your original portrait.
  2. Select Circle in Crop preset, or pick the matching label in the profile tool.
  3. Drag the selection and resize its handles until the full face fits inside the circle.
  4. Leave Exact output size off for source-resolution output, or enter an equal Width (px) and Height (px).
  5. Choose Download PNG, then check the file on the destination’s actual background.

1. Decide whether you need a circle or a square

Some destinations display every profile image through their own circular mask. Others let you place a transparent PNG on a page, presentation, or design. These are different jobs. A square portrait can be the better upload when the destination already handles the round display, while a transparent circle is useful when the surrounding background should show through.

The Profile Picture Cropper provides a circular preview and named profile presets. Its Crop preset menu includes LinkedIn, Discord, X, YouTube, and WhatsApp. In the current tool, these choices all use the same one-to-one crop ratio. They are framing presets, not a promise of a platform-specific pixel size or acceptance.

Use the Square Image Cropper if the destination requests a normal square photo or does not handle transparency well. Its preset is Square 1:1, and its Export format menu offers PNG and JPG. Check the destination’s current upload instructions rather than relying on a universal avatar size.

Your intended useChooseExpected result
Place a round portrait over a colored designCircle crop with PNGTransparent corners around the circle
Compare profile-oriented framing presetsProfile Picture CropperCircular preview and square PNG bounds
Let a platform apply its own round maskSquare cropSquare photo with filled corners
Meet an explicit pixel requirementExact output sizeRequested equal width and height

2. Upload a suitable original

Choose a sharp original with enough room around your head. A portrait that already cuts through your hair or chin leaves little flexibility for a circular boundary. A wider shot can work well if your face still contains enough detail after cropping. Avoid starting from a tiny screenshot of an existing avatar when the original photograph is available.

Select Upload image or drop a photo onto the area labeled or drop a photo here. The tool accepts JPG, PNG, WebP, and AVIF images. If the file cannot be decoded by your browser, try a standard JPG or PNG copy. Uploading here selects a local image for the browser-based crop and export workflow.

After the image loads, the editor creates a centered selection. This is only a starting point, not automatic face detection. A face near the edge of the source may need substantial repositioning. Use the Crop preset menu to choose Circle in the circle tool, or one of the named options in the profile tool.

3. Position the circular selection around your face

Move the frame before making it tighter

Drag the selection to put your face near its center, then adjust its size with the crop handles. Keep both eyes comfortably inside the circle and check the top and bottom edges together. A circle narrows toward its upper and lower extremes, so a square crop that looks generous can still cut hair at the upper corners.

Leave a small margin above your hair and below your chin. Include enough shoulder area to avoid a floating-head appearance, but do not make the face so small that it disappears at avatar scale. There is no single correct percentage: hairstyle, pose, glasses, and the intended display size all affect the best composition.

Keep identifying details inside the circle, not just inside its square bounds.Square selectionCircular result
Keep identifying details inside the circle, not just inside its square bounds.

Check the output preview, not just the source

Watch the cropped output preview while you adjust the selection. The source view helps you move the frame, but the output preview makes the circular boundary easier to judge. For an angled portrait, check that the nose and chin remain comfortably inside the edge, not merely that the eyes are centered.

The preview is a reduced rendering, capped at 320 pixels on its longest side by the current implementation. It is useful for composition but is not the full export. If you lose your starting frame, the icon button labeled Reset crop restores a centered selection at the current ratio. It does not restore an earlier custom composition.

4. Choose output dimensions without needless enlargement

Leave Exact output size unchecked when you want the export dimensions to follow the selected region of the original image. The tool calculates those dimensions from the source resolution and the selection, rounding to whole pixels. The preview area reports the resulting width and height so you can see what you are preparing.

When a destination specifies dimensions, enable Exact output size and enter the required value in Width (px) or Height (px). For a circle, editing either dimension synchronizes the other and keeps the crop ratio square. For example, an illustrative 600 by 600 export has a circle contained within a 600 by 600 pixel canvas. That example is not a platform recommendation.

Entering a dimension enables exact sizing. A larger export does not recover detail missing from a small source selection; it only resamples the available image. A smaller export can be appropriate when you already know the destination’s needs. Keep a larger original rather than repeatedly enlarging and re-exporting a previously reduced avatar.

The current size checks require positive whole pixels, no more than 16,384 on either side and no more than 40 million pixels total. These are tool limits, not recommended avatar dimensions or guaranteed browser capacity. If export fails, choose a smaller output. Browser memory and canvas limits can still matter below the stated ceiling.

A circular PNG retains a square canvas with transparent corners.Square selectionCircular result
A circular PNG retains a square canvas with transparent corners.

5. Download the transparent PNG

For the circle and profile tools, Export format is fixed to PNG · transparent. Select Download PNG to create the file. The button temporarily reads Exporting… while the output is being encoded. The exporter draws the selected source region onto a canvas clipped to a circle and leaves the area outside that circle transparent.

The saved file still has rectangular pixel bounds, with equal width and height. Transparency makes the corners invisible when the file is placed over a background that supports it. It does not remove the corner coordinates from the file. This distinction explains why an image inspector correctly reports square dimensions even when the visible portrait is round.

Open the downloaded file and place it on both a light and a dark background if possible. A viewer may display transparent regions on white, black, or a checkerboard; that display alone does not tell you whether the pixels are transparent. Check how the actual destination renders the uploaded result before treating the job as complete.

Common problems

The circle has a white box around it

Confirm that you used the circle tool and downloaded PNG rather than making a square export. Also check whether the destination flattens transparency onto a background. Transparent corners do not remove the original photo background inside the circle. A wall behind your head remains part of the portrait unless you edit it separately.

The result is blurry or the face feels cramped

Return to the original image and select a region containing more usable pixels. Avoid demanding an output much larger than that region. Reposition the crop before tightening it further. The guide to cropping an image without losing quality explains why a sharp source matters more than a large export number.

The uploaded avatar looks different

The receiving service may resize, recompress, flatten, or crop the file again. Review its preview before saving the profile change. If its own circular mask clips your transparent circle twice or produces unwanted padding, try a filled square portrait instead and leave room for that service’s framing.

You are following instructions for another editor

Control names vary between products. If you are working in Canva instead, follow the Canva circle-cropping guide rather than searching for these exact buttons there. Here, the key controls are Crop preset, Exact output size, and Download PNG.

Frequently asked questions

Is a circle profile picture actually a square file?

Yes. The exported PNG has a square pixel canvas. Pixels outside the circular portrait are transparent, so the visible image appears round on backgrounds that preserve transparency.

Which preset should I choose for my profile picture?

Choose the matching named preset if useful for your workflow. The current LinkedIn, Discord, X, YouTube, and WhatsApp presets all use a one-to-one crop ratio and do not enforce platform-specific dimensions.

Can I download a circle as a JPG?

The circle and profile tools export transparent PNG only. JPG cannot preserve transparent corners. Use the square tool when you need a normal square JPG upload.

Does the circle crop remove my photo background?

No. It hides the area outside the circle but keeps the original background inside it. Background removal is a separate editing task.

What size should I make my avatar?

Use the destination’s current requirements and avoid enlarging a small source unnecessarily. Enable Exact output size only when you need a specific square width and height; there is no universal size for every platform.