How can I resolve the issue of images not being displayed on the published Webflow site due to a lack of authorization?

TL;DR
  • Ensure image file permissions are correct and verify hosting settings and URLs.
  • Review custom code for issues and check the browser console for errors.
  • Clear cache and cookies or consult Webflow support if necessary.

Images not displaying on your published Webflow site may be due to a lack of authorization. Follow these steps to troubleshoot and resolve the issue.

​

1. Check Image File Permissions

  • Ensure that the images have been uploaded correctly to Webflow.
  • Confirm that the image files do not have any restrictions on permissions that could prevent them from being viewed publicly.

​

2. Verify Project Hosting Settings

  • Go to Project Settings in your Webflow dashboard.
  • Navigate to the Hosting tab and ensure that all settings are configured correctly, particularly any custom domain settings that might affect image visibility.

​

3. Review Image Source URLs

  • Make sure the image URLs are correct. They should point to Webflow's CDN or an appropriate public domain.
  • Edit your Webflow site’s content to ensure that images are located in the correct folders or links.

​

4. Examine Custom Code

  • Review any custom code (found in the Settings under Custom Code) that could interfere with image loading, such as scripts or styles that hide images.
  • Ensure there are no errors in the code affecting the display of images.

​

5. Check Browser Console for Errors

  • Open your site in a browser and inspect the page using developer tools (usually F12 or right-click > Inspect).
  • Look for errors related to images in the Console tab that might indicate issues with authorization or file paths.

​

6. Clear Cache and Cookies

  • Clear your browser cache and cookies or try accessing the site in an incognito window to ensure it's not a local cache issue.

​

7. Consult the Webflow Community or Support

  • If the problem persists, check the Webflow forums or contact Webflow Support for additional assistance or to report a bug if you suspect one.

​

Summary

Ensure image file permissions are set properly, verify hosting settings and URLs, review for custom code issues, and check using the browser console for authorization errors to resolve image display issues on your Webflow site.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I use the Webflow API Key to upload a media file in CURL format into the assets folder?
Is it still a good idea to fully commit to Webflow even though there haven't been many updates this year and there is a lack of communication from developers?
What is the best membership software to integrate for an investment website with ecommerce features? Alternatively, is it more advantageous to use Webflow's 'Users' function (beta)?
How to solve the "406 not acceptable" error when trying to open Webflow?
How can I slow down the scroll speed of a full-view height slider in Webflow that changes slides on mouse scroll up and down? I've tried using the code mentioned below, but it scrolls too fast. Are there any other ways to achieve this while ensuring one action triggers the interaction?
How can I solve the issue of my custom fonts "jumping" back to the fallback font when launching my Webflow site in Google Chrome? I have already tried using .ttf, .eot, and .woff versions of the font, but it hasn't resolved the problem. Any suggestions?
How can I achieve better performance for my Webflow website on mobile devices, as it currently has a low score on mobile performance tests compared to desktop performance?
What is the code to cancel the default form handling in Webflow and replace it with custom actions?
Where can I find a country list option to add to my Contact Form in Webflow? How do I install it?
Do I need to set a global canonical page URL in Webflow for my website with unique content in all pages?
How can I add cookies to custom modals in Webflow?
How can I dynamically change the background of every other item in a collection list in Webflow?
What are the beginner-friendly ways in Webflow to add custom animation features using JavaScript? Thank you!
Is it possible to have a load animation only display for the user's first visit to the home page in Webflow, without being shown on subsequent visits?
How can I insert an icon inside a Webflow form input field placeholder?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?