Cloudflare Docs
Cloudflare Image Optimization
Edit this page on GitHub
Set theme to dark (⇧+D)

Apply blur to variants

You can apply blur to image variants by creating a specific variant for this effect first or by editing a previously created variant. Note that you cannot blur an SVG file.

Refer to Resize images for help creating variants. You can also refer to the API to learn how to use blur using flexible variants.

To blur an image:

  1. Log in to the Cloudflare dashboard and select your account.
  2. Select Images > Variants.
  3. Find the variant you want to blur and select Edit > Customization Options.
  4. Use the slider to adjust the blurring effect. You can use the preview image to see how strong the blurring effect will be.
  5. Select Save.

The image should now display the blurred effect.