Why images on my web site are not loading? Instead red x showing …

When an image is not displaying on your web site, follow these check list to see whether you have all mistakes excluded.

Test with different browsers like Internet explorer, Firfox or Netscape etc to see if that is browser specific issue too.

1. Reason number One: You forgot to upload the image.

It happens … In a hurry, webmasters tend to forget to upload the image but uploads the page from their computer to the website. Then a red x appears in the place of the image.

2. Reason number Two: Uploaded into wrong folder or web site.

Happens too! Usually we create a folder called ‘images’ and upload all images there. Some webmasters try to make subfolders under ‘images’ directory and organize the images according to their needs. So cases like these might end up uploading into wrong folder.

In our ftp software we list out all our web sites. So there is a chance that the image might be uploaded to wrong web site, especially when webmaster tries to select the folder paths in dropdown list of ftp software. It can go into ‘images’ folder of any web site.

3. Reason number Three: Wrong file name or wrong extention.

image.gif
Image.gif
image.jpg
Image.jpg
image.png

All the above are different. You need to follow a similar naming pattern to name your image files. So it will be easy to minimize naming errors.

Extentions of files can be jpg, gif, png, jpeg etc. Make sure you name the image file correcly on your web site.

4. Reason number Four: ASCII or BINARY mode uploading.

You have to upload the image files n BINARY mode.

Keep your ftp software in BINARY mode or AUTO mode (where the ftp software detects the file and upload image files in binary).

If you upload the image files in ASCII mode, they don’t display at all on your web site. If you use firefox, type the image path in the address bar and press enter. It will display error like …


The image "http://www.yoursite.com/images/image.gif" cannot be displayed because it contains errors.

Here is an image to tell you the ASCII/BINARY/AUTO modes of ftp software. Use BINARY mode for image files.


click on image to see bigger version

5. Reason number Five: Wrong hyperlink.

Correct way of displaying an image is like this … Here the image is also hyperlinked to a page. Wrong html code may not display the image on web pages.


<a target="_blank" href="http://www.yoursite.com/some-page-linked.html"><img alt="your alt text" src="http://www.yoursite.com/images/image.gif" /></a>

6. Reason number Six: Know your Paths and URLs.

Absolute web site URL:
http://yoursite.com/images/image.gif

Relative web site URLs:
/images/image.gif
/../images/image.gif

Absolute server path:
/home/loginname/public_html/images/image.gif

Relative server path:
/images/image.gif
/../images/image.gif

Based on where the images folder is and the web page that has the image on it matters the urls/paths. Best is to use ABSOLUTE urls for image displaying, so they will be pulled from their folder to be displayed on the page.

7. Reason number Seven: Cache.

Some web sites especially if you use CMS scripts like WordPress, they tend to have cache settings in their admin panels. So remember to disable this caching option while you are updating your web sites or pages.

.

Related Posts:

  • No Related Posts