Webflow sync, pageviews & more.
NEW

Does the responsive image function of Webflow still work if the code is exported instead of using the Webflow server services?

TL;DR
  • Exported Webflow sites retain responsive image functionality by referencing Webflow’s CDN via srcset attributes.
  • To fully self-host, manually generate and serve your own responsive image variants and update the srcset paths accordingly.

Webflow’s responsive image function can still work after export, but it depends on how and where you host the site. Here's what happens and what to check when exporting code.

1. How Webflow's Responsive Images Work

  • Responsive images use the srcset attribute, which Webflow adds automatically to supported image elements (e.g., in Image blocks, not background images).
  • These responsive image versions are stored and served from Webflow’s CDN (usually Fastly + AWS infrastructure).
  • When exported, Webflow includes srcset attributes pointing to its CDN-hosted image variants.

2. What Happens on Code Export

  • Webflow generates multiple image sizes and includes them in HTML via srcset, but:
  • Only the original image file is included physically in the ZIP export.
  • The srcset URLs point to Webflow’s CDN (not your exported site).

3. Implications for External Hosting

  • If you host the site elsewhere using the exported code:
  • The site will still use responsive images as long as the srcset URLs hosted on Webflow's CDN remain live.
  • This means you are still relying on Webflow’s servers to deliver the responsive versions — even though HTML/CSS/JS is on another server.
  • If you remove or heavily modify the image links or Webflow deletes or restricts access to the CDN images, the responsive images will break.

4. Ways to Preserve Responsive Image Behavior

  • Option A: Leave srcset as-is
    Continue using the image URLs pointing to Webflow's CDN (note the risk if Webflow ever purges them).

  • Option B: Host your own responsive images

  • Manually generate and upload your own image variants.

  • Update the srcset attributes to reference your own server paths.

  • Tools like Squoosh or ImageMagick can help you create proper image sizes.

Summary

Webflow’s responsive image HTML remains functional after exporting, but the images themselves still come from Webflow’s CDN. If you want full independence from Webflow, you must host all responsive image variants and manage srcset yourself.

Rate this answer

Other Webflow Questions