SVG против EPS и AI: в чём разница?

1. Три формата в одной строке каждый

SVG: открытый векторный стандарт, созданный для веба, поддерживается браузерами из коробки; EPS: почтенный формат обмена для печати на базе PostScript; AI: проприетарный рабочий формат Adobe Illustrator. Все три хранят векторные рисунки, но их позиционирование и экосистемы сильно различаются. Понимание этого разделения помогает избежать сдачи в неверном формате и последующей переделки.

2. Подробное сравнение

Аспект	SVG	EPS	AI
Что это	Открытый стандарт W3C (XML)	Формат-обёртка PostScript	Проприетарный формат Illustrator
Открытость	Полностью открытый, читаемый текст	Публично задан, широко поддерживается	Проприетарный
Отображение в браузере	Поддерживается нативно	Не поддерживается	Не поддерживается
Основное применение	Веб-иконки, иллюстрации, графики	Передача на печать и гравировку	Исходники дизайна
Редактирование	На уровне путей	Ограниченное	Полные слои, артборды и эффекты

3. SVG: первый выбор для веба и кросс-платформенной работы

Сильные стороны SVG — открытость и ориентация на веб: браузер отрисовывает его напрямую, CSS и JavaScript позволяют менять цвет и анимировать, файл невелик и хорошо сжимается, а любой текстовый редактор позволяет его править. Ограничение в том, что цвет задаётся преимущественно в RGB, поэтому спот-цвета, оверпринт и другие профессиональные печатные возможности поддерживаются слабо, и сложные печатные процессы по-прежнему опираются на PDF или EPS. Для обычных веб-ассетов, иконок и логотипов ответ по умолчанию — SVG. Кроме того, SVG можно встроить прямо в HTML, и тогда иконка загружается вместе со страницей, экономя один запрос к картинке; а когда всё же нужен растр, можно экспортировать PNG в любом разрешении, оставляя все двери открытыми.

4. EPS: классический формат обмена для печати

EPS описывает рисунок средствами PostScript и когда-то был стандартным форматом передачи для полиграфии и гравировки, который принимали почти все препресс- и гравировальные пакеты. О чём стоит помнить: старый EPS не поддерживает «живую» прозрачность (прозрачные эффекты делаются плоскими), а браузеры не могут показать его напрямую. За последние годы PDF занял место EPS во многих задачах, но типографии по-прежнему часто просят EPS. На практике следите за версией: часть старого оборудования читает только низкие версии EPS, поэтому проверяйте параметр версии при экспорте, а перед отправкой в типографию дизайна с прозрачностью убедитесь, что результат после сведения выглядит так, как вы ожидаете.

5. AI: рабочий файл дизайнера

AI — родной формат Illustrator, который сохраняет слои, артборды, эффекты и редактируемый текст, поэтому это формат работы, а не формат сдачи. Он проприетарен и требует Illustrator или совместимого программного обеспечения. Никогда не используйте AI-файл напрямую в вебе — выгрузите его в SVG или PNG. AI-файлы обычно содержат PDF-совместимый слой, благодаря чему многие приложения, не связанные с Adobe, всё же могут просмотреть их содержимое, но полное редактирование лучше выполнять в Illustrator, чтобы не потерять эффекты.

6. Выбор и конвертация

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

• Для веба: без сомнений выбирайте SVG;
• Когда типография требует EPS или AI: откройте SVG в Illustrator или Inkscape и сохраните в нужном формате;
• Когда вы получили EPS или AI для публикации в вебе: откройте файл в графической программе, выгрузите SVG и сожмите его через SVGO;
• Для долгосрочного хранения: сохраните исходник AI и положите рядом копию SVG — так сохранятся и редактируемость, и универсальность.

Всё ещё работаете с растровым логотипом? Воспользуйтесь инструментом «Логотип в вектор», чтобы превратить растр в SVG: бесплатно, без регистрации, а полный рабочий процесс описан в учебнике по векторизации логотипа. Для общей конвертации растра используйте инструмент «Изображение в SVG», а чтобы понять ценность SVG, прочитайте 6 преимуществ SVG.