Задание размеров выводимого изображения.

Тэг встраивания изображений имеет два необязательных параметра, указывающих размеры изображения при отображении - width иheight. Значения параметров могут указываться как в пикселах, так и в процентах от размеров окна просмотра.

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

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

Если не требуется изменить размеры изображения, настоятельно рекомендуется указывать их реальные размеры в пикселях. Указание действительных размеров: позволяет читателю, работающему в режиме отключения загрузки изображений, иметь представление о размерах иллюстрации по пустому прямоугольнику, выдаваемому на экран вместо изображения (если размеры не будут указаны, то браузер, не зная их, выведет маленькую пиктограмму и форматирование будет нарушено). Позволяет ускорить верстку документа на экране. Обычно браузеры должны загрузить все встроенные изображения прежде, чем отформатировать текст на экране. Указание размеров изображений позволяет выполнить форматирование документа до полной загрузки файлов и с изображениями.

Отделение изображений от текста.

Для тэга <IMG> можно задать параметры hspace и vspace, значения которых определяют отступы от изображения, оставляемые пустыми, соответственно по горизонтали и вертикали. Это гарантирует, что между текстом и изображением останется пространство, необходимое для нормального восприятия.

Рамки вокруг изображений.

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

Альтернативный текст.

Одним из параметров тэга <IMG> является параметр alt, определяющий альтернативный текст. Его указание даёт возможность пользователям работающих в режиме отключенной загрузки изображений, получить некоторую текстовую информацию о встроенных изображениях. При отключенном изображении вместо них на экране появится альтернативный текст, определённый значением параметра alt. Значение этого параметра имеет смысл и для случаев, когда загрузка изображений будет выполняться. Поскольку загрузка изображений выполняется на втором проходе после отображений текстовой информации, то изначально на экране на месте изображения появится альтернативный текст, который по мере загрузки будет сменяться изображением. Современные браузеры также будут отображать альтернативный текст в качестве подсказки (tooltip) при помещении курсора мыши в область изображения.