Image formats are always square or rectangular – so it’s not possible to save a cropped image in a circular format. However, it is possible to turn the crop area into a circle. The user can crop a circular area from their image,
You can use this simple CSS to turn the crop area into a circle. There will still be a greyed-out area in the corners which will be blanked out in the final image.
| .cropper-view-box { | |
| border-radius: 50%; | |
| } | |
| .cropper-face { | |
| background-color:inherit !important; | |
| } |
There’s more information here.
Here’s how to add custom CSS to your site:
https://pluginrepublic.com/documentation/how-to-add-css-to-your-wordpress-site/
Note: to keep the circle shape to a strict circle (not oval), you should change the Aspect ratio to 1/1 in WooCommerce > Settings > Product Add-Ons tab > Uploads, and scrolling to the Advanced Uploads section.