Размещение изображений

При верстке страницы, содержащей изображения, следует учесть следующиее. Пользователь может отключить отображение изображений. Страницу (например, каталог) могут сохранить на диск, потом скопировать в другое место как файл. В результате останется «голый» html. Отсутствующие изображения будут отображаться «красным крестом» (зависит от браузера).

Если изображения были в виде иконок, например в каталоге, то выглядеть такой каталог будет крайне неприятно. В том случае когда хочется избежать изобилия красных крестов, при отображении страницы без изображений, следует вместо изображения размещать элемент <div> с жестко определенной шириной и высотой, у которого требуемое изображение  сделано неповторяющимся фоном.

При использовании изображений, следует уделить определенное внимание значению атрибута alt, т.к. при отсутствии файла изображения, браузеры (в зависимости от реализации) могут вставлять вместо картинку указанный текст.

В любом случае, если хочется добится корректного отображения и печати страницы, каталог это или документ, скажем, договор, всегда следует проверять её отображение при отсутствии внешних файлов (изображений, стилей, скриптов)

пара примеров

отсутствующее изображение

Пример использования фона