Since CryoLayer needs to modify HTML to support WebP images, this can sometimes negatively affect styles on some sites. This is why we turn this feature off by default. Follow these instructions to turn on WebP images.

  1. In your Netlify site's dashboard, click the "Site settings" tab.
  2. Click on "Build & deploy" on the left-hand side.
  3. Scroll down to where it says "Environment Variables".
  4. Click the "Edit variables" button.
  5. Click the "New variable" button.
  6. Input "WEBP" for the variable name, and "yes" for the value, without the quotes.
  7. Now just publish your Webflow site again. Once Netlify is done building, check your site to make sure there aren't any styling issues.

If you notice any styling issues with your site, go back into the Environment Variables settings and remove the "WEBP" variable you just created.