Только что получил Illustrator и познакомился с программой. Существуют ли какие-либо особые настройки экспорта, о которых мне нужно знать, чтобы экспортировать в виде файла .SVG? По-видимому, есть несколько настроек, т. е. стиль, шрифт и т. д. Можно ли дать пояснения для каждой опции и для чего они нужны?
SVG — это полностью текстовый формат, используемый для представления изображений, поэтому форматирование текста зависит от того, как вы измените настройки экспорта. В большинстве случаев в современных браузерах все они будут работать. Однако, если вам нужно отформатировать его определенным образом для конкретной программы, эти настройки предназначены именно для этого. SVG настроен таким образом, что использует теги XML. Заголовок объявляет его как файл SVG, за которым следует тег svg и заканчивается тегом /svg, очень похожим на HTML.
На самом деле, вы можете использовать непосредственно в html-файлах и взаимодействовать с ними через javascript, как если бы они были частью DOM, хотя вы получите разный пробег в разных браузерах.
Внутренний CSS: Подобно HTML CSS, SVG может хранить цвета, ширину обводки, градиенты и т. д. — все в одном месте в верхней части файла. Это самый простой метод для последующей работы, если вы хотите настроить цвета вне Illustrator. Внутренний CSS использует классы, чтобы придать правильный стиль каждому из путей.
Встроенный CSS: все еще используя CSS, это встраивает стиль в каждый элемент пути, используя атрибут стиля. Это соединит стиль каждого пути с его путем, что может привести к увеличению размера файла в зависимости от сложности вашего рисунка.
(например: стиль пути = "ширина штриха: 8; штрих: синий;"...)
Атрибуты представления: отказываясь от CSS, каждый бит информации встраивается в свой собственный путь, как встроенный CSS, но вместо этого используются встроенные атрибуты каждого элемента. Это в основном для устаревшей поддержки, поскольку CSS является предпочтительным методом. Это также может привести к увеличению размера файла.
(например: ширина штриха пути = "7" штрих = "#FF00FF"...)
SVG: данные типа хранятся в виде обычного текста, а затем воссоздаются браузером с использованием указанного шрифта, хотя это может быть не совсем точно воссоздано при просмотре на другом компьютере, на котором нет этого шрифта. Это сохранит возможность редактирования при открытии файла позже.
Outline: обводит шрифты и сохраняет их в виде путей с правильными стилями. Это не позволит никому редактировать ваш шрифт как символы, но в результате текст будет отображаться именно так, как вы его сделали, но за счет большего размера файла.
Встраивание: встроенные изображения могут храниться внутри самого SVG с помощью метода, известного как шифрование Base64. Это приведет к увеличению размера файла, но гарантирует, что изображение никогда не будет отделено от файла SVG.
Ссылка: SVG также может извлекать изображения из внешних источников, что может быть удобно, если вам нужно сэкономить файловое пространство, не встраивая изображение внутрь. Это нужно будет извлечь из других частей вашего жесткого диска или веб-сервера, но может легко отделиться, если изображение или файл svg будут перемещены из того места, где они были сохранены.
Сохранить: Illustrator выберет, какой из них использовать, в зависимости от того, как он хранится в файле .AI, поскольку Illustrator поддерживает как встроенные, так и связанные изображения.
Элементам не будет присвоен атрибут ID, если вы его не указали или если одно из следующих правил не переопределяет его.
Имена слоев: это сгруппирует элементы в слое вместе и даст слою идентификатор того, как назван слой. Минимальный: это приведет к удалению всех групп слоев и идентификаторов из всех элементов, что приведет к немного меньшим размерам файлов, но потеряет все функции javascript. Уникальный: это даст всем элементам уникальные идентификаторы, такие как (3ff10d7d-c4ce-48dc-ba65-100cea7ab8e7).
Minify убирает все символы новой строки, то есть весь SVG находится в одной строке. Это затрудняет чтение для человека, но не имеет значения для компьютера. Иногда некоторым программам необходимо правильно прочитать файл.
Отзывчивый флажок изменяет заголовок SVG, чтобы позволить SVG бесконечно масштабироваться, чтобы соответствовать окну, в котором он находится. этого.
Подумайте, будет ли ваш вывод печатным или веб-сайтом. Сначала попробуйте настройки по умолчанию, а затем либо распечатайте образец, чтобы посмотреть, на что он похож, либо попробуйте открыть его в другом приложении, совместимом с SVG, таком как Inkscape или в веб-браузере, чтобы посмотреть, не произошло ли что-нибудь странное.
Дэниел Бейкер