# Crop PAN Card Photos Before Upload on Webflow

We use CropGuide to **crop a photo to PAN Card size** before users **upload photos to Webflow**

First we need to [install CropGuide for Webflow](/integrations/webflow). Then we can set up PAN Card cropping. This will only take a couple of minutes.

If you’re unfamiliar with CropGuide you can [try it out on the site](/#demo)

## Choose the PAN Card aspect ratio

This guide uses an 86:54 crop ratio, approximating the physical proportions of an PAN Card. Confirm the requirements of the system receiving the upload before enforcing this ratio.

We can set the correct PAN Card aspect ratio in the [CropGuide customer dashboard](https://app.cropguide.io), this will make sure your customers always upload correctly sized images.

1. Select your website in the Customer dashboard.
2. Scroll towards the **Configuration** heading.
3. Then find **Crop Aspect Ratio** heading just below it. ![A screenshot of the CropGuide dashboard showing a text input to set a custom crop aspect ratio](/media/dashboard-aspect-ratio.png)
4. Now we enter **86:54** as the aspect ratio, which reflects the **PAN Card** size in millimeters.
5. Click Save.

## Set minimum image dimensions

If you want to make sure images are of high enough quality you can optionally set the **Minimum Crop Size** field.

Now go to the form on your website, refresh the page so we’re sure our new settings have loaded.

## Test the PAN Card upload field

When using the image upload field on your Webflow website, CropGuide will now ensure every image is cropped to match the **PAN Card** aspect ratio of 86:54.

Your customers can now correctly crop and rotate pictures of their PAN Card saving you time having to crop the documents manually.

[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 Webflow site](/integrations/webflow/)
* [Crop Cédula Photos Before Upload on Webflow](/integrations/webflow/crop-photo-to-cedula-size/)
* [Crop Identity Card Photos Before Upload on Webflow](/integrations/webflow/crop-photo-to-identity-card-size/)
* [Crop Aadhaar Card Photos Before Upload on Webflow](/integrations/webflow/crop-photo-to-aadhaar-card-size/)
* [Crop Passport Document Photos Before Upload on Webflow](/integrations/webflow/crop-photo-to-passport-document-size/)
* [Crop Circular Profile Pictures on Webflow](/integrations/webflow/crop-circle-profile-picture/)
* [Convert HEIC/HEIF to JPEG Before Upload on Webflow](/integrations/webflow/convert-heic-to-jpeg-before-upload/)
* [Compress User Images Before Upload on Webflow](/integrations/webflow/compress-user-image-before-upload/)