Сохранение в svg из Illustrator

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

Поделиться
Отправить
Запинить
6 комментариев
Рамиль

В каком разделе находятся эти настройки ?

Антон Лапин

Рамиль, это окно появится, если нажать на File (Файл), а потом на Save As... (Сохранить как...) и выбрать формат сохранения — SVG.

Leman Lens

Спасибо за качественную настройку. По теме вопрос, при стандартных настройках сохраняет иллюстрации с искажениями, все обводки смещаются и тд. С этими все отлично. В чем проблема стандартных натроек?
Спасибо!

Антон Лапин

Дело в том, что при экспортировании в SVG каждый редактор добавляет множество своей мета-информации, а Adobe Illustrator добавляет больше всех. Данные различные, начиная от конструкции стиля CSS до внедрения растровых изображений.

Про смещение обводки
SVG файл на сегодняшний момент к великому сожалению, поддерживает, только обводку расположенную по центру основного вектора фигуры. Чтобы использовать наружную или внутреннюю обводку нужно преобразовывать редактируемый сплайновый контур в фигуру (окривлять линию).

Аня

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

Антон Лапин

Анна, а у вас артборды имеют дробные значения?
Иллюстратор очень критично относиться к нецелым числам и если артборды имеют значения типа 75,38 то значения при выгрузке округлятся автоматически, что приводит к смещению контуров и дрожанию заливок.
Идеальный артборд в иллюстраторе имеет целые числа в размерах и координатах.

яна

Проблема с иконками. мне отправили исходную иконку — черную ( к примеру 1*1 см) , нужно было поменять цвет на серую . При редактировании в иллюстраторе — я задаю новый цвет ( без изменения размера и тд) — но при открытии в браузере — иконки разные по размеру ( к примеру черная 1*1 , серая 1,2*1,2 ). Не понимаю почему так происходит. (монтажные области по границам иконки подогнаны. но браузер их по разному открывает)

Антон Лапин

Яна, при переносе готовых SVG файлов в Illustrator, возможны проблемы с размерами, особенно, если файлы многообъектные. Стоит проверить координаты артборда: нужно чтобы по X и Y было все по нулям, а также по возможности исключать дробные значения в объектах.
Хочу обратить внимание на то, что при создании SVG, лучше всего использовать размеры в пикселях для объектов и шрифтов.

P. S.: Если зайти чуть дальше, то рекомендую вообще не использовать размеры для SVG графики, а ограничивать изображение блоком в верстке сайта или приложения.
Убрать размеры можно при помощи текстового редактора, открыв в нём SVG файл (SVG — это файл текстового вида, как и любой файл в векторном формате).

Андрей Д.

Доброго времени.

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

Скриншот:
https://goo.gl/VoKg3e

Спасибо!

Антон Лапин

Андрей, вы используете цветовую модель CMYK, она не подходит для использования на сайтах. Всю SVG графику следует создавать с использованием цветовой модели RGB.

Андрей Д.

Спасибо за ответ, действительно, не додумался.

При сохранении, получил тот же результат, в логотипе элементы наложенны в режиме Multiply, возможно тут косяк при сохранении?

Антон Лапин

Лучше не использовать режимы наложения в SVG.
На данный момент это работает не везде и требует отдельных доработок в файле.

Ваш комментарий
адрес не будет опубликован

ХТМЛ не работает

Ctrl + Enter
Популярное