Мультимедиа технологии. Авсиевич А.В - 11 стр.

UptoLike

ВУЗ: 

СамГУПС | Самара

Составители: 

Рубрика: 

Формат GIF позволяет создавать анимированные картинки. Этот формат является
сжатым, и допустимое количество цветов в нем 256. Сжатие происходит без потерь, то
есть изображение записывается без каких-либо преобразований.
Формат JPG также является сжатым, и применяется для изображений требующих
большое количество цветов вплоть до 16 млн. Сжатие происходит после оптимизации и
поэтому имеются потери
в качестве. Размер файла сильно зависит от требуемого
качества изображения, которое может иметь 7 уровней качества (от очень плохого до
наилучшего).
В Интернете сейчас начинают применять новый стандарт PNG, но он пока мало
распространен. Он позволяет создавать изображения в 16 млн. цветов без потери в
качестве. Но из-за этого занимает намного больше места
, чем JPG.
Рассмотрим элементы, позволяющие использовать графику при создании страниц.
Здесь можно высказать предостережения против большого количества применения
графики, так как это резко увеличивает размер сайта и ухудшает скорость загрузки.
Рассмотрим элементы, с помощью которых будем вставлять и обрабатывать
графику в html-документ.
Тег <img> вставляет изображение в документ. Он имеет следующий
набор
параметров:
Src – указывает источник изображения. Им служит, как правило, путь
относительно текущего документа, но можно использовать вместо пути его URL в
Интернете. Закрывающая скобка запрещена;
alt - задает текст, который будет изображаться вместо картинки, если она не
загрузилась или не отображается. Этот текст также появляется во всплывающей
подсказке. Как правило, в тексте
указывается краткое описание изображения или ссылки,
а также иногда содержит в себе название файла с его размером;
lowsrc - источник изображения низкого качества или размера для быстрой
предварительной загрузки;
Align - задает выравнивание изображения относительно текущей строки:
• align=top - выравнивает верхний край изображения по верхнему краю
текущей строки;
• align=middle - выравнивает центр
изображения по базовой линии текущей
строки;
• align=bottom - установка по умолчанию. Выравнивает нижний край
изображения по базовой линии текущей строки;
• align=left - выравнивает изображение по левому полю;
• align=right - выравнивает изображение по правому полю;
width и height - эти атрибуты задают горизонтальный и вертикальный размер
картинки, чтобы еще до начала загрузки изображения браузер
выделил ему требуемое
место;
border - задает толщину рамки, которой будет обрисовываться изображение. Если
изображение не является ссылкой, то оно по умолчанию не окружается рамкой. Если же
это изображение-ссылка, то толщина рамки будет равна 2. Рамка иногда может портить
стиль страницы, тогда используйте border=0;
Vspace- используется для указания ширины пространства сверху и
снизу от
изображения в пикселах. Как правило, по умолчанию равно 0. Но может быть и иным;
usemap и ismap - устанавливают на картинку карты ссылок.
Приведем пример применения некоторых параметров тега <img>:
<html>

Страницы