Формат gif
Картинки в этом формате поддерживают 256 цветов.
GIF-формат имеет 3 дополнительные возможности:
Мультипликация. Используя анимационный GIF-редактор, легко собрать простой мультик: нарисовать отдельные кадры, настроить время задержки в последовательности показа, "зациклить кино" или показывать кадры только один раз.
Когда анимация готова, она записывается на диск как обычный GIF-файл.
В HTML нет различия между выводом на экран простого GIF или анимированного. Об анимированном браузер узнает в момент загрузки GIF-файла.
(с диска или по сети) и поступает соответственно.
Обычные картинки он просто размещает на экране и "забывает" про них.
Анимированные постоянно контролировать, меняя кадры на экране.
Прозрачная графика. GIF-формат позволяет один или несколько цветов в картинке объявить прозрачными. Прозрачный цвет задается в редакторе при записи GIF-файла на диск. Чтобы сделать GIF прозрачным нужно загрузить его в GIF-редактор или PhotoShop и снова записать, указавпрозрачные цвета.
Чересстрочная развертка. Применяется для больших GIF. Иллюстрация разделяется на четыре части размером с оригинальную картинку. Первая часть содержит 1, 5, 9, ... строки исходного изображения. Вторая — 2, 6, 10, ... Третья — 3, 7, 11, ... Четвертая — 4, 8, 12, ...
Браузер строит на экране сначала 1 часть картинки, потом 2, затем 3 и 4. Получается эффект постепенного проявления изображения. Если картинка загружается не по сети, то различия вывода обычного GIF и чересстрочного на быстрых компьютерах практически незаметны.
Формат jpg
Разработан специально для передачи фотографий. Поддерживает миллионы цветов и позволяет получать изображения очень высокого качества.
Формат JPG имеет одну особенность: в JPG-редакторе при записи на диск можно указать ту степень качества, которая нужна. Если из миллиона цветов отсканированной фотографии оставить только 10 000, заменив остальные цвета на близкие, такую подмену практически невозможно обнаружить, а размер файла существенно сократится.
JPG-формат поддерживает режим, похожий на чересстрочную развертку GIF.
В отличие от GIF деление на части происходит не по строкам, а по алгоритму выделения из картинки полноформатных частей. При этом каждая следующая часть по качеству выше предыдущей. JPG в таком режиме называется прогрессивным.
Билет 14 Изображения – карты при разработке в html – документе.
Карта-изображение - рисунок, состоящий из "горячих" областей, которые соотнесены с указателями URL.
Щелкая на такой области, мы извлекаем ресурс, который идентифицируется соответствующим URL.
Чтобы преобразовать изображение в карту, его нужно соотнести с элементом mар, снабдив атрибутом usemap, значение которого - идентификатор фрагмента, совпадающий со значением атрибута name элемента mар.
Например, команда
<img src="flowerl.jpeg" usemap="#image-map-l" />
соотносит изображение flower1.jpeg с картой, начальный тег которой приведен ниже
<map name="image-map-1">.
Содержимое элемента mар - это набор элементов area с атрибутами href (как обычно, значения - указатели URL), shape и coords (описывают область изображения, которая связывается с заданным URL). Возможные значения атрибута shape и ее ответствующая интерпретация атрибута coords демонстрируются в таблице. Элемент mар, соотнесенный с изображением цветка, выглядит так:
Таблица Формы и координаты
Форма Координаты rect х слева, y сверху, x справа, y снизу circle Центр х, центр у, радиус poly х1, у1, х2, у2,…… хn, уn |
Имеется множество инструментов, позволяющих построить карту, просто выбрав область и набрав необходимый URL. Большинство графических пакетов также могут создавать карты-изображения.
Отметим, что какую бы вы ни выбрали форму объекта, в коде HTML можно использовать только прямоугольники, окружности и многоугольники.