# Crop Circular Profile Pictures on WordPress

Using CropGuide to crop **circular profile pictures on WordPress**, use our image cropper to create rounded photos before upload.

First we need to [install CropGuide for WordPress](/integrations/wordpress). Then we can set circular cropping.

[Try CropGuide live on our product page](/#demo)

## Configure a circular profile-picture crop

First we need to make sure the image is cropped to a square, then we can apply a circular mask, otherwise we would get elliptical profile pictures.

Let’s select your website in the [CropGuide customer dashboard](https://app.cropguide.io), and scroll towards the `Configuration` heading.

### Enforce a square aspect ratio

1. Scroll down towards the **Crop aspect ratio** heading. ![A screenshot of the CropGuide dashboard showing the crop aspect ratio input](/media/dashboard-aspect-ratio.png)
2. Enter `1` into the input field.

Let’s now apply the circular mask.

### Apply the circular mask

Now enable the circle crop mask in the [CropGuide customer dashboard](https://app.cropguide.io), this will ensure images uploaded by your users will always be circular.

1. Scroll down towards the **Mask** heading. ![A screenshot of the CropGuide dashboard showing a dropdown to select an image mask](/media/dashboard-crop-mask.png)
2. Select **Circle** mask.
3. Click **Save**.

That’s it. If we navigate to the form on the website and refresh the page we can test if our new settings have loaded.

We can additionally show a circular image overlay to help user preview the end result.

### Keep a square output with a circular preview

We can also leave the circular mask set to the “None” setting and only [show a circle guide](#adding-a-circular-image-guide) to receive square images.

If you’re using these profile pictures on the web we can set `border-radius` to turn square images into circles.

```html
<img src="my-image.jpeg" style="border-radius:100vmax" alt=""/>
```

## Add a circular crop guide

To help the user make the [perfect image crop](/blog/cropping-perfect-profile-pictures/) we can enable a circular crop guide.

This will show a circle inside the image cropper so the user can see which parts of the image will be visible.

![A screenshot of the CropGuide dashboard showing a dropdown to select an image guide](/media/dashboard-crop-guide.png)

Apart from applying a circular image mask we can also apply other optimisations, like for example [compressing images](/integrations/wordpress/compress-user-image-before-upload/).

## Test the profile-picture field

When using the image upload field on your WordPress site, CropGuide will now apply a circular mask to the output image, resulting in circular profile pictures.

[Try a CropGuide demo on the site](/#demo), or [reach out](/contact/) if you have any questions.

### Related content

* [Add an Image Cropper to your WordPress image upload fields](/integrations/wordpress/)
* [Crop PAN Card Photos Before Upload on WordPress](/integrations/wordpress/crop-photo-to-pan-card-size/)
* [Crop Cédula Photos Before Upload on WordPress](/integrations/wordpress/crop-photo-to-cedula-size/)
* [Crop Identity Card Photos Before Upload on WordPress](/integrations/wordpress/crop-photo-to-identity-card-size/)
* [Crop Aadhaar Card Photos Before Upload on WordPress](/integrations/wordpress/crop-photo-to-aadhaar-card-size/)
* [Crop Passport Document Photos Before Upload on WordPress](/integrations/wordpress/crop-photo-to-passport-document-size/)
* [Convert HEIC/HEIF to JPEG Before Upload on WordPress](/integrations/wordpress/convert-heic-to-jpeg-before-upload/)
* [Compress User Images Before Upload on WordPress](/integrations/wordpress/compress-user-image-before-upload/)