Apply blur

Last updated Apr 21, 2026 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. In the Cloudflare dashboard, go to the Hosted Images page. Go to Hosted images ↗
  2. Select the Delivery tab.
  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.

Was this helpful?

YesNo

On this page

Apply blur - 图1Docs

{"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/images/optimization/hosted-images/blur-variants/#page","headline":"Apply blur","description":"Add a blur effect to Cloudflare Images variants using the dashboard or flexible variants API.","url":"https://developers.cloudflare.com/images/optimization/hosted-images/blur-variants/","inLanguage":"en","image":"https://developers.cloudflare.com/images/optimization/hosted-images/blur-variants/og.png?v=bf22f95eb4454758","dateModified":"2026-04-21","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"}}

description: Configure cache-control settings for Cloudflare Images at the account or variant level. title: Browser TTL image: https://developers.cloudflare.com/images/optimization/hosted-images/browser-ttl/og.png?v=ba24cf593823dca8

Skip to content

Documentation Index
Fetch the complete documentation index at: https://developers.cloudflare.com/images/llms.txt
Use this file to discover all available pages before exploring further.