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

При экспортировании графики для Web-страниц следует иметь в виду:

	с самого начала работы над документом желательно использовать цветовую модель RGB;
	для того чтобы представлять йй>е конечный вид изображения, довольно удобно работать в пикселн&м режиме, который активизируется командой Pixel Preview (Отображение в пикселах) меню View (Просмотр):
	если требуется присвоить элементу изображения URL-адрес (Uniform Resource Locator), то следует использовать палитру Attribute (Атрибуты):
	для того чтобы работать только с Web-безопасной палитрой (Web-safe colors), следует в палитре Color (Синтез) выбрать режим Web-safe RGB или в диалоговом окне Color Picker (Цветовая палитра) установить флажок Only Web Colors (Только Web-цвета);
	полный перечень Web-безопасных цветов можно также загрузить в палитру Swatch (Каталог);
	для того чтобы экспортировать документ в специализированный формат Scalable Vector Graphics (SVG) или Macromedia Flash (SWF), следует выполнить команду Export (Экспортировать) меню File (Файл).

Команда Save for Web

Для того чтобы получить оптимизированные изображения для Web-страницы в форматах Graphics Interchange, Format (GIF), Joint Photographic Experts Group (JPEG) и Portable Network Graphics (PNG-8 или PNG-24), следует использовать команду Saves for Web (Сохранить для Web) меню File (Файл), В результате открывается диалоговое окно Save for Web (Сохранить для Web) (рис. 14.14), в котором можно не только определить параметры трех форматов, но и получить массу полезной информации, а также воочию увидеть изменение в изображении и сравнить его с исходным.

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

	Вкладка Original (Исходное изображение) показывает только изображение без влияния параметров экспортирования.
	Вкладка Optimized (Экспортируемое изображение) показывает только изображение с учетом параметров экспортирования.
	Вкладка 2-Up (Двойной блок) показывает два варианта изображения, формат которых выбирается пользователем.
	Вкладка 4-Up (Четверной блок) показывает четыре варианта изображения, формат которых выбирается пользователем.

По умолчанию вариант 2-Up (Двойной блок) отображает исходное изображение и оптимизируемое с текущими параметрами экспортирования, а вариант 4-Up (Четверной блок) — исходное изображение, оптимизируемое изображение и два изображения с более низкими параметрами.

Для того чтобы получить иной ряд параметров в режиме 4-Up (Четвсрнои блок), необходимо выполнить команду Repopulatc Views (Пересчитать параметры) в списке команд, которое вызывается щелчком на кнопке правее списка Settings (Установки). Программа автоматически генерирует изображения с меньшим качеством, исходя из текущих значений оптимизации При этом выделенное и исходное изображения изменению не подлежат.

Для того чтобы восстановить любое изображение с измененными параметрами, необходимо выделить его и выбрать в раскрывающемся списке Settings (Установки) вариант Original (Исходное изображение).

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

В нижней части диалогового окна представлена полоса статуса, состоящая из трех блоков.

В первом блоке представлен список масштабов (рис. 14 15) Для изменения масштаба можно также использовать инструмент Zoom (Масштаб) из палитры инструментов, расположенной в левом верхнем углу диалогового окна. Если изображение увеличено, то для его перемещения в окне просмотра используется инструмент Hand (Рука). В остальных окнах изображения автоматически перерисовываются.

Рис 14.15. Список масштабов изображения

	Во втором блоке оперативно отображается информация о цветах в процессе проведения курсором по изображению, здесь представлены следующие поля: R: (Красный), G: (Зеленый), В: (Синий), Alpha: (Цвет маски альфа-канала), Hex: (Шестнадцатеричный код цвета), Index: (Индексированный цвет).
	В третьем блоке отображается список программ -браузеров, с помощью которых можно предварительно увидеть не только изображение, но и параметры документа и собственно HTML-код (рис. 14.16).

Рис 14.16. Предварительное изображение и HTML-документ в окне браузера