srcset
attributes.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.
srcset
attribute, which Webflow adds automatically to supported image elements (e.g., in Image blocks, not background images).srcset
attributes pointing to its CDN-hosted image variants.srcset
, but:srcset
URLs point to Webflow’s CDN (not your exported site).srcset
URLs hosted on Webflow's CDN remain live.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.
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.