Adobe Illustrator

395

Чтобы увеличить количество видимых записей в меню "URL-адрес", выберите в меню палитры

"Атрибуты" пункт "Параметры палитр". Введите количество URL-адресов, которое должно

отображаться в списке URL-адресов (от 1 до 30).

Формат SVG

О формате SVG

Битовые форматы изображения для Web (GIF, JPEG, WBMP и PNG) описывают изображения с помощью сетки

пикселов. Файлы получаются большими с одним (часто низким) разрешением и занимают значительную часть

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

фигуры, контуры, текст и эффекты фильтра. Полученные файла компактны и обеспечивают качественную графику

в Web, на печати и даже портативных устройствах с ограниченными ресурсами. Пользователи могут увеличить

SVG-изображение на экране без потери резкости, деталей или четкости. Кроме того, формат SVG отлично

поддерживает текст и цвета, и пользователи всегда видят изображения таким, как оно выглядит в монтажной

области Illustrator.

Формат SVG полностью основан на XML и дает много преимуществ разработчикам и пользователям. С

форматом SVG можно использовать XML и JavaScript для создания web-графики, отвечающей на действия

пользователя такими сложными эффектами, как подсветка, всплывающие подсказки, звуки, анимация и т. п.

Сохранить объект в формате SVG можно с помощью команд "Сохранить", "Сохранить как", "Сохранить копию" и

"Сохранить для Web и устройств". Для доступа к полному набору параметров экспорта в формате SVG используйте

команды "Сохранить", "Сохранить как" или "Сохранить копию". Команда "Сохранить для Web и устройств"

предоставляет ограниченный набор параметров экспорта в формате SVG (только те, которые используются для

работы в Web).

Видеоролик о создании мобильного содержимого в Illustrator см. по адресу www.adobe.com/go/vid0207_ru.

Настройки объекта в Illustrator влияют на то, каким будет SVG-файл. Помните следующие рекомендации.

• Используйте слои для добавления структуры в SVG-файл. Если объект сохраняется в формате SVG, каждый

слой преобразуется в групповой элемент (<g>) . (Например, слой "Button1" становится <g id="Button1_ver3.0">).

Вложенные слои становятся вложенными SVG-группами, а скрытые слои сохраняются со свойством

"отображение:нет" стиля SVG.

• Если нужно, чтобы объекты на разных слоях выглядели прозрачными, корректируйте непрозрачность каждого

объекта, а не каждого слоя. Если непрозрачность меняется на уровне слоя, итоговый SVG-файл не покажет

прозрачность так, как она выглядит в Illustrator.

• Растровые данные не масштабируются в средстве просмотра SVG и не могут отредактироваться, как другие

SVG-элементы. Старайтесь не создавать объекты, которые будут растрироваться в SVG-файле. Сетчатые

градиенты и объекты с градиентной заливкой, использующие эффекты "Растрирование", "Имитация",

"Размытие", "Мазки кистью", "Искажение", "Оформление", "Резкость", "Эскиз", "Стилизация", "Текстура" и

"Видео", растрируются при сохранении в формате SVG. Графические стили с этими эффектами также вызывают

растрирование. Добавляя графические объекты, используйте SVG -эффекты, не вызывающие растрирования.

• Для повышения производительности SVG-файла используйте символы в объекте и упрощайте контуры. Кроме

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

производят большое количество данных контура ("Уголь", "Пепел", "Ручка").

• Используйте фрагменты, карты ссылок и сценарии для добавления web-ссылок в SVG-файл.

• Язык сценариев (например, JavaScript) открывает неограниченные функциональные возможности для SVG-

файла. Перемещения с помощью курсора и клавиатуры могут вызвать сценарные функции (например, эффекты

прокрутки). Сценарии могут также использовать объектную модель документов (DOM) для обращения к SVG-

файлу и внесения изменений (например, для вставки или удаления SVG-элементов).

См. также

“Оптимизация изображения для Web” на странице 402

“Сохранение в формате SVG” на странице 277