You’re offline. This is a read only version of the page.
Thank you for your feedback
Please let us know how this article can be improved.
Choose all that apply.*
Report a bad link
Out of date (instructions or screenshots)
Missing detail
Other
If you added or updated an image on your website, and you can't see it when you view your page, or the image appears broken, try these troubleshooting ideas.
If you add an image--or any new content--you won't see it on your website online until you publish. Publishing makes your latest website content available on the Internet.
To help web pages appear more quickly when viewed again, most web browsers will store, or cache, the files that are automatically requested by visiting a website. Storing those files lets your browser more quickly reload pages from the cache rather than transferring information across the Web over and over.
If you recently replaced an image, and you can't see the new one on your web page, you may need to prompt your browser to remove the old image from its cache. Try refreshing your page by clicking on the web page, then holding down Ctrl+F5 on your PC keyboard (Option+R on a Mac).
If the new image still doesn't show after refreshing the page this way, try manually clearing the browser's cache. Learn how to clear your browser's cache.
To display your images, your site must be able to find your images among your website files.
If you use a third-party tool, you can use the File Manager or an FTP program to upload the images. If you've already uploaded the file but can't see it when you view your page, or the image appears broken, try uploading it again; the file could've been damaged during the upload process.
Check the expected path of a broken image by right-clicking on the broken image icon in your browser and selecting View Image. In the address bar of your browser, you'll see the address of your image, which will look something like this:
http://www.widgetdesigns.com/subdirectory1/subdirectory2/my_image.jpg
Now return to your site building tool and look in the folder(s) whose names appear after your domain name in the image address. In our example above, we'd look in the folder subdirectory1, then subdirectory2. If the file called my_image.jpg isn't saved in this folder, the browser won't be able to display the image. To fix the problem, move the image to the correct folder (subdirectory2) or upload the image again to that location (see above), or edit the HTML so that it calls for the image in its current location.
To display the uploaded image, your file must include the necessary HTML code. If you're writing your own code, be sure it looks like this (replace .jpg with .gif, .png, or .bmp, depending on the file type):
<img src="image.jpg">
If your image is in a subdirectory, use the following code (replace subdirectory with the name of your subdirectory):
<img src="subdirectory/image.jpg"> or <img src="subdirectory/image.gif">
You can also write an image reference using the complete image URL:
<img src="http://widgetdesigns.com/subdirectory/image.jpg">
Be sure the name of the image file in your code exactly matches the name of your file, using the correct extension (.jpg, .gif, .png, or .bmp), and that casing (upper/lower case) matches. Any inconsistencies in your file name will cause the image not to display when you open the page in a browser (the browser will display a broken image icon).
If your image still won't display, check the file type. All image files should be saved as JPEG, GIF, PNG, or BMP files, which end with .jpg, .gif, .png, or .bmp.
Please note that simply renaming the file won't change the file type (and could, in fact, corrupt it). You need to use an image editing program to convert the file into a JPEG, GIF, PNG, or BMP file before uploading it to your File Manager.
See Also: