# Convert HEIC/HEIF to JPEG Before Upload on Bubble

**Convert HEIC/HEIF images to JPEG** before they’re uploaded to **Bubble**. CropGuide handles the conversion in the browser, with no server-side image processing required.

First we need to [install CropGuide for Bubble](/integrations/bubble). Then we can set up HEIC/HEIF image conversion. It only takes a couple of minutes.

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

## Enable HEIC uploads and JPEG conversion

HEIC support is currently configured through the JavaScript API rather than the CropGuide dashboard. Add `image/heic` to the field’s accepted image formats; CropGuide will then convert selected HEIC images to JPEG before upload.

Add a `script` tag to your site and add the following content.

The JavaScript API is only available on Pro and Unlimited subscriptions. 

```html
<script>
$cropguide.push(
  'set',
    'fields',
    [
      {
      selector: 'html',
      settings: {
          accept: ['image/jpeg', 'image/heic'],
      },
    }
  ]
)
</script>
```

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

Apart from converting HEIC images to JPEG we can also apply other changes, like [compressing images](/integrations/bubble/compress-user-image-before-upload/).

## Test HEIC conversion

When using the image upload field on your Bubble site, CropGuide will now convert HEIC images to the JPEG format, resulting in less hassle on the backend.

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