изображение

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

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

Рис. 1. Фон изображения совпадает с цветом фона веб-страницы

Меню Изображение (рис. 1) используется для типовых манипуляций над картинкой: изменить размер, повернуть или зеркально отразить.

Рис. 1. Меню Изображение

Обрезать по выделению (Crop to Selection)

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

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

Чтобы текст не прилегал плотно к изображению, вокруг него желательно добавить отступы. Пустое пространство вокруг картинки позволяет акцентировать внимание на изображении и сохранить читабельный текст. Для этой цели применяется универсальный стилевой атрибут margin, который одновременно задает нужное расстояние с каждой стороны.

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

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

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

Для изменения размеров рисунка средствами HTML у тега <IMG> предусмотрены параметры width (ширина) и height (высота). В качестве значения используются пикселы, при этом аргументы должны совпадать с физическими размерами картинки. Например, на рис. 1 показано изображение, которое имеет размеры 100 на 111 пикселов.

Для добавления изображения на веб-страницу используется тег <IMG>, параметр src которого определяет адрес графического файла. Общий синтаксис добавления изображения зависит от спецификации, которой придерживаются авторы сайта.