Yes, the responsive image function of Webflow works even if the code is exported and hosted on a different server. When you export your site's code from Webflow, it includes all the necessary CSS and JavaScript files to ensure that your responsive images continue to function properly.
Webflow's responsive image feature utilizes the HTML5 picture element and srcset attribute to serve different image sizes based on the device's screen resolution. This helps optimize the loading speed and visual quality of your images on various devices.
When you design your site in Webflow, you can specify different image sizes and resolutions for different breakpoints. Webflow automatically generates the necessary HTML and CSS code to handle the responsive behavior of these images.
When you export the code, the exported HTML will contain this responsive image structure, and the corresponding CSS and JavaScript files will handle the resizing and loading of the appropriate image sizes.
It's worth noting that to benefit from Webflow's responsive image functionality after exporting the code, you'll need to make sure the exported code is implemented correctly on your external server. This includes ensuring that the necessary CSS and JavaScript files are properly linked and that your image files are available at the correct paths.
In summary, the responsive image function of Webflow will continue to work when you export the code and host it on a separate server. However, proper implementation of the exported code is crucial to maintaining the desired responsive behavior.