Направление конвертации
Конвертация AI в SVG
Преобразование AI → SVG на сервере, без установки программ
- Загрузить
- Выбрать формат
- Скачать
Загрузка файлов
Область приёма файла
или
Файлы AI. До 5 МБ, до 20 файлов за раз. Изображение можно вставить из буфера обмена: Ctrl+V.
Начиная с Illustrator 9 файлы AI внутри устроены как PDF, поэтому читаются корректно. Пути, заливки и обводки остаются векторными и редактируются в любом редакторе SVG, а фирменные эффекты Illustrator — сетчатые градиенты, кисти, стили — упрощаются или растеризуются.
Исходники и результаты хранятся 60 минут, затем стираются фоновым уборщиком. Предельный размер файла — 5 МБ, срок хранения — час.
AI и SVG: характеристики
| Характеристика | .aiAI | .svgSVG |
|---|---|---|
| Полное название | Adobe Illustrator Artwork | Scalable Vector Graphics |
| Разработчик | Adobe, с 1987 года | W3C |
| Год появления | 1987 | 2001 |
| Расширение | .ai | .svg |
| MIME-типы | application/postscript, application/illustrator | нет данных |
| Содержимое | слои, монтажные области, символы, эффекты | Текстовое |
| Сжатие | Без потерь | Без потерь |
| Прозрачность | Поддерживается | Поддерживается |
| Несколько страниц в файле | Поддерживается | Нет |
| Основа | PDF с приватными данными Illustrator | нет данных |
| Шрифты | вкладываются в файл либо подменяются при открытии | нет данных |
| Чем открыть | Adobe Illustrator, Inkscape, CorelDRAW, Affinity Designer, Adobe Acrobat (только просмотр) | любой браузер, Inkscape, Adobe Illustrator, Figma, CorelDRAW, текстовый редактор |
| MIME-тип | нет данных | image/svg+xml |
| Тип графики | нет данных | векторная, разметка XML |
| Масштабирование | нет данных | без потери качества |
| Возможности | нет данных | прозрачность, градиенты, фильтры, анимация, CSS |
| Размер | нет данных | единицы килобайт для иконок |
| Осторожно | нет данных | файл может содержать скрипты |
| Спецификация | нет данных | Описание формата |
Преобразование AI → SVG
Начиная с девятой версии Illustrator записывает .ai как документ PDF, к которому приложен закрытый поток PGF с внутренним представлением сцены. Разбирается PDF-часть: контуры, заливки, обводки и обтравочные пути перекладываются в разметку SVG 1.1 без служебных пространств имён редактора. Всё, что редактор держал только в PGF, до результата не доходит.
Единица PDF — пункт, то есть 1/72 дюйма; базовая единица SVG — пиксель CSS, 1/96 дюйма. Координаты пересчитываются с коэффициентом 4/3: страница 595 × 842 pt даёт холст 793 × 1123 px, а атрибут viewBox удерживает пропорции при любом масштабировании. Экспортируется область страницы — первая монтажная область документа; остальные артборды в результат не попадают, поэтому многостраничный макет разложите по отдельным файлам до загрузки.
Прямые соответствия находятся для большей части оформления: линейный и радиальный градиенты становятся элементами linearGradient и radialGradient, групповая прозрачность — атрибутом opacity, обтравочный путь — clipPath, составной контур — правилом fill-rule. Аналога нет у сетчатого градиента: в SVG 1.1 его не предусмотрено, а элемент mesh из черновика SVG 2 браузеры так и не реализовали. Художественные и узорные кисти, символы и живая заливка приводятся к набору путей либо считаются растеризатором и попадают в файл встроенным изображением — отсюда SVG на несколько мегабайт там, где ожидались десятки килобайт.
Цветовая модель меняется обязательно: значения CMYK пересчитываются в sRGB, плашечные краски заменяются ближайшим экранным цветом, режимы наложения за пределами normal воспроизводятся приближённо. Текст остаётся текстом со ссылкой на семейство в атрибуте font-family, сам шрифт внутрь SVG не вкладывается — на машине без этой гарнитуры браузер подставит замену и изменит ширину строки. Перевод надписей в кривые до загрузки снимает зависимость от шрифта ценой редактируемости текста.
Порядок преобразования AI → SVG
Шаг 1
Сведение к одной странице
Оставьте в документе одну монтажную область: в результат попадает страница, а не холст целиком. Макет с несколькими артбордами сохраните отдельными файлами.
Шаг 2
Загрузка макета
За одно задание принимается несколько документов. Тип входа определяется по сигнатуре содержимого, поэтому переименованный файл будет опознан правильно.
Шаг 3
Обработка
На каждый файл отводится 300 секунд. PDF-часть разбирается на объекты, результат записывается как plain SVG — без атрибутов редактора в служебных пространствах имён.
Шаг 4
Сверка результата
Откройте SVG в браузере рядом с оригиналом и проверьте положение объектов, ширину строк и градиенты. Растровые вставки видны по элементам image с данными base64.
Вопросы по работе сервиса
Почему в файл попала только одна монтажная область?
Экспортируется область страницы, а страниц в SVG не бывает: спецификация описывает один холст с одной системой координат. Второй и последующие артборды остались бы вне viewBox и не отображались бы. Разделите документ в Illustrator по одному артборду на файл.
Результат весит несколько мегабайт. Откуда объём?
Внутри почти наверняка растр: эффекты «Оформления», сетчатые градиенты и связанные изображения записываются в SVG элементом image с данными в base64, а такое кодирование добавляет к весу картинки ещё треть. Чистый вектор из контуров и заливок укладывается в десятки килобайт.
Насколько сместятся цвета?
Пересчёт CMYK → sRGB заметнее всего на насыщенных синих, красных и зелёных: экранный охват в этих областях шире печатного, и обратной однозначной формулы не существует. Плашка Pantone заменяется ближайшим экранным цветом и после этого перестаёт быть плашкой. Для типографии ориентируйтесь на исходный .ai, а не на SVG.
Читаются ли файлы старше девятой версии?
Разбираются частично. До Illustrator 9 файл .ai был чистой программой на PostScript без PDF-совместимости, и структура объектов в нём другая. Пересохраните такой макет в актуальной версии редактора и загрузите заново.
Надписи сместились относительно макета. Что произошло?
Текст перенесён как текст, а гарнитура — как имя в font-family. Если её нет в системе, где открыт файл, подставляется замена с другими метриками, и строка меняет длину. Переведите текст в кривые до конвертации: тогда буквы станут контурами и вид перестанет зависеть от набора установленных шрифтов.