Why are some images missing on a published page in Webflow, when they appear fine in the Webflow designer?
TL;DR
- Upload all images via Webflow's Asset Manager and ensure CMS fields aren't empty or in draft.
- Publish to both staging and custom domains, check browser console for 404/CDN errors, clear cache, verify visibility settings, and re-upload/match assets if issues persist.
Missing images on a published Webflow page—but not in the Designer—are usually caused by broken file references, slow CDN propagation, or incorrect asset paths.
1. Check Image Hosting and File References
- Ensure all images are uploaded directly into the Webflow Assets panel. Avoid using temporary or third-party URLs (e.g., Dropbox or Google Drive).
- Verify that the image is not accidentally linked to a hidden CMS item or a Draft Collection item, which won’t be published.
- Check if the image is using a dynamic CMS field that might be empty for some Collection items.
2. Publish the Correct Domain
- Always click “Publish to Selected Domains” and ensure both your Webflow.io domain and custom domain (if applicable) are selected.
- If only the staging domain is published, custom domains may lack the newest assets.
3. Check Browser Console for Errors
- Right-click the published page → Inspect → Console tab to look for 404 errors or blocked image requests.
- If you see 404 errors like
cdn.webflow.com/image.png not found, the image might not have been uploaded properly or included in the published version.
4. Clear Cache or Try Incognito Mode
- Clear the browser cache or open the site in incognito mode to rule out cached broken versions.
- CDN issues can sometimes serve outdated or incomplete content temporarily.
5. Confirm Image Visibility Settings
- Check display conditions or visibility limits under the Element Settings panel (gear icon). Make sure no visibility settings (e.g., "Hide from all devices") are accidentally enabled.
- If inside a CMS Collection, ensure the conditionals or filters apply correctly.
6. Re-upload and Republish
- If all else fails, delete the missing image, re-upload it into Webflow's Asset Manager, rebind it (if needed), and re-publish the site.
Summary
Images may not appear on the published site due to broken links, draft CMS content, browser caching, or visibility settings. Always verify hosting methods, field bindings, and publish to all active domains. Use the browser console to identify any 404 or CDN-related delivery issues.