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

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

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

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

Антон Лапин

Рамиль, это окно появится, если нажать на 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.
На данный момент это работает не везде и требует отдельных доработок в файле.

Kleo T.

Прислали логотип, для вставки на сайт..
При сохранении в svg обтравочные контуры расползаются и получаются дыры
http://images.vfl.ru/ii/1515913885/5567ec9c/20141147.png
Повышение качества не помогло, полагаю дело в размерах дробных, но не совсем понимаю как их избежать или поправить на данном этапе, так как много очень объектов.

Антон Лапин

В данном случае лучше отрисовать логотип полностью в векторе: будет меньше весить и мусора в файле не будет, да и времени займет немного.
Если вы всё же решите почистить логотип, то в иллюстраторе можно выделить однотипные объекты по заливке или обводке и потом их удалить, но лучше отрисуйте.

Александр

Антон здравствуйте. при сохранении ai в в svg способом «сохранить как » происходит вот такая ерунда
Исходник http://prntscr.com/j8ivn6
Результат http://prntscr.com/j8ivuk
http://prntscr.com/j8iw58

лучше получаетчся при экспорте, но на выходе резкие края
http://prntscr.com/j8iwe4

В чем может быть проблема?
Спасибо!

Антон Лапин

Александр, дело не в сохранении.
Такой результат получается при использовании неравномерной заливки — сетки. В SVG нет параметра для поддержки такого функционала и все объекты растрируются при экспорте или сохранении.

В вашем случае решением может быть:
— отказ от сетки в пользу обычных градиентных объектов;
— использование PNG с прозрачностью.

Kuldobe

Pokrasnenie armpit delivers inconvenience, aches. To delay trip in the hospital should not. Formation under the muscle cavity may turn out to be cancer disease. However often it is result excessive use antiperspirants, non-compliance conditions personal hygiene, intense sweating. Redness causes a close clothing, infected razor, the virus.
<a href=http://armpit.info/the-whole-truth-about-the-painless-lump-in-armpit>painless lump in armpit</a>
Discomfort under the arm, redness, lump getting hot? This is the boil that will should, next take antibiotics. first stage cost solutions, antibacterial drugs. If the ailment switched to second stage, the required surgery.

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

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

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