Что такое встроенное изображение?

Встроенное изображение - это графическое изображение, которое вставляется в веб-страницу для добавления визуальной привлекательности, предоставления информации или представления гиперссылки. Встроенные изображения обычно имеют формат GIF, JPEG или PNG. Они включены в веб-страницу с использованием схемы URI данных.

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

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

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

Обязательным атрибутом тега img является атрибут src. Атрибут src указывает веб-адрес или URL-адрес, с которого браузер может получить файл изображения. Помимо атрибута src, встроенные изображения HTML могут быть определены тремя необязательными атрибутами. Это alt, align и ismap.

Атрибут alt предоставляет текстовую альтернативу для встроенного изображения. Таким образом, если браузер зрителя не поддерживает графику, он увидит текст вместо изображения. Настоятельно рекомендуется использовать атрибут alt.

Значение атрибута alt может быть пустой строкой. Например, если есть декоративное изображение, нет необходимости предоставлять альтернативный текст для него. Поэтому значение атрибута alt можно оставить пустым.

Стиль встроенного изображения можно установить с помощью атрибута align. Атрибут align сообщает браузеру, где встроенное изображение должно отображаться относительно текста на веб-странице. Встроенное изображение может быть выровнено по верху, середине или низу смежного текста на веб-странице.

С помощью атрибута ismap встроенное изображение можно пометить как активную карту изображения. Это означает, что разные части изображения могут быть выполнены, чтобы производить разные действия, когда кто-то нажимает на разные части. Например, если есть встроенное изображение, показывающее Землю и Сатурн, нажатие на Землю может привести к информации о Земле, а нажатие на Сатурн может привести к информации о Сатурне.

В отличие от атрибутов alt и align атрибут ismap не работает простым включением в тег img. Требуется некоторая настройка, выполненная на сервере. Некоторое количество знаний программирования также может потребоваться.