Экспортирование изображений для Web-страниц

Для экспортирования изображений, предназначенных для публикации на Web-сайтах в используемые для этой цели форматы, а также для их оптими­зации предназначена команда Save for Web (Сохранить для Web) из меню File (Файл).

Для экспорта документов и отдельных объектов, созданных в Adobe Illustrator, в изображения, предполагаемые для размещения на Web-страницах, можно использовать и обычные команды экспорта, и функцию растрирования вектор­ной графики. При подготовке таких изображений нужно не забывать использовать только цвета специальной Web-безопасной палитры.

Диалоговое окно Save for Web (Сохранить для Web) изображено на рис. 7.55. Оно практически полностью повторяет подобное диалоговое окно программы Adobe Photoshop.

Рис. 7.55. Диалоговое окно Save for Web

В этом диалоговом окне можно выбрать один из семи форматов, исполь­зуемых для представления изображений на Web-страницах:

q растровый формат GIF (Graphic Interchange Format) — один из основных форматов для представления графических данных в Web. Позволяет со­хранять изображения с индексированными цветами (не более 256). Ис­пользует алгоритм сжатия без потерь. Поддерживает прозрачность. Ис­пользуется для сохранения простых графических изображений с ограни­ченным количеством цветов — надписей, схем, логотипов и т. п.;

q растровый формат JPEG (Joint Photographic Experts Group) — один из основных форматов для представления графических данных в Web. По­зволяет сохранять полноцветные изображения (фотографии, иллюстра­ции с цветовыми растяжками и т. д.). Использует алгоритм сжатия с по­терями, не поддерживает прозрачность;

q растровый формат PNG-8 (Portable Network Graphics) представляет собой улучшенный формат GIF, но PNG-8 не нашел широкого распростране­ния в сети, и многие старые версии браузеров его не поддерживают;

q растровый формат PNG-24 (Portable Network Graphics) поддерживает полноцветные изображения с градиентной прозрачностью, использует алгоритм сжатия без потерь. Но, так же, как и PNG-8, не нашел широ­кого распространения в сети, и многие старые версии браузеров его не поддерживают;

q векторный формат SWF — формат программы Macromedia Flash. Пред­назначен для создания компактной масштабируемой анимированной графики. Не поддерживает прозрачность. Для просмотра изображений в этом формате во многих браузерах необходимо дополнительное про­граммное обеспечение;

q векторный формат SWG (Scalable Vector Graphics) — предназначен для создания и отображения масштабируемой векторной графики. Основан на технологиях XML и JavaScript. Пока широко не распространен;

q растровый формат WBMP — формат, появившийся в этом диалоговом окне только в последней версии Adobe Illustrator 11 и представляющий собой разновидность формата BMP (BitMap) для сохранения монохром­ного (1-битового) изображения.

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

Результатом сохранения изображения с помощью диалогового окна Save for Web (Сохранить для Web) является экспортирование его оптимизированных фрагментов в набор графических файлов и получение готового HTML-кода.

Практическая работа " Упаковка"

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

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