Я очень часто сталкиваюсь с ситуацией, когда на домашнем компьютере у меня сайт работает замечательно, а при публикации того же сайта на сервер пропадают все (или почти все) изображения. Для себя я выделил три наиболее частые ошибки, которые проверяю в первую очередь. Вот они:

Несовпадение регистра

Я работаю на Windows, которая невосприимчива к регистру букв. Однако, сервер моего хостера работает на юниксе, а тот в свою очередь очень даже восприимчив к регистру букв. Поэтому, если у меня на сервере имя файла отображается как «Pic.gif», то и в тэге имя файла должно указываться с заглавной буквы. В противном случае сервер просто не находит картинку и вместо нее отображается альтернативный текст.

Использование относительных путей

Еще очень часто бывает проблема, с относительными путями. У меня на локальном компьютере не установлен никакой веб-сервер, поэтому я просматриваю html файлы напрямую, загружая их с диска. Но веб-сервер, работает несколько иначе, ему нужно указывать полный путь до файла, или путь относительно корня сайта.

Например, вместо "../../images/file.gif" лучше указывать "/images/file.gif" (обратите внимание, что путь начинается с "/").

Использование локального адреса

Иногда сталкиваюсь с тем, что редакторы html, при добавлении картинки, вставляют путь, который начинается с «file:///», но такая запись возможна только для локальных файлов. Поэтому при публикации на сервере подобная конструкция не работает.