При помощи атрибутов WIDTH и HEIGHT, задают размеры изображения в пикселах, чтобы при загрузке HTML-документа программа просмотра сразу отвела под это изображение необходимое ему пространство на странице и загрузила основной текст, который можно читать, пока программа просмотра получает содержимое графического файла. Следует иметь ввиду, что если размеры изображения не заданы, то чтобы их узнать, программа просмотра вынуждена вначале загрузить весь графический файл (что иногда занимает до нескольких минут), и только после этого - следующий за изображением текст. Долгое ожидание раздражает читателя, и он может просто прервать загрузку вашего HTML-документа и никогда больше к нему не возвращаться.

Если истинный размер изображения, содержащегося в графическом файле, не совпадает с заданным при помощи атрибутов WIDTH и HEIGHT, то результат зависит от используемой программы просмотра. В частности, Netscape Navigator соответствующим образом растягивает или сжимает картинку, как показано в примере ниже.

<IMG SRC="GSDog.gif" width=52 height=130 ALT="German Shepherd">Пр-р-ривет!
Изображение искажено! Размер оригинала 100х130, а выведено 52х130.

Как выглядит на дисплее

Пр-р-ривет! Изображение искажено! Размер оригинала 185х216, а выведено 72х140.