Форматы файлов логотипа: AI, EPS, SVG, PNG — когда какой использовать
AI, EPS, SVG — три вектора, три разные истории
Все три формата хранят логотип как математическое описание: точки, кривые, углы. Поэтому логотип в векторе можно увеличить до размера баннера на фасаде здания — и линии останутся острыми. Но AI, EPS и SVG — не взаимозаменяемые синонимы, у каждого своя область применения, и путать их — типичная ошибка новичков.
AI (Adobe Illustrator) — рабочий, «исходный» файл. Он хранит слои, направляющие, эффекты, незакрытые контуры, шрифты как текст (а не как кривые), иногда — незакрытые пробелы в цветовых профилях. Это файл для дизайнера, а не для типографии. Отправить AI в печать напрямую рискованно: если в типографии нет той же версии Illustrator и тех же шрифтов, файл откроется с ошибками или вообще не откроется.
EPS (Encapsulated PostScript) разработан в 1987 году и до сих пор остаётся стандартом полиграфии — не потому что устарел морально, а потому что старые RIP-процессоры и допечатное оборудование в типографиях умеют читать именно PostScript-код. EPS — это «упакованный» и упрощённый вектор без слоёв и живых эффектов, готовый к печати.
SVG (Scalable Vector Graphics) — принципиально другая история: это не бинарный файл, а XML-код, который браузер интерпретирует на лету. SVG поддерживает CSS-стилизацию и JavaScript-анимацию — логотип на сайте можно менять при хаовере, растягивать при скролле, перекрашивать через код. Весит SVG-логотип обычно 5–20 KB, что делает его идеальным для веба, где скорость загрузки — часть UX.
| Формат | Тип | Где используется | Слабое место |
|---|---|---|---|
| AI | Вектор, рабочий файл | Редактирование дизайнером | Не откроется без Illustrator и шрифтов |
| EPS | Вектор, PostScript | Полиграфия, старое оборудование | Нет прозрачности в старых версиях, нет анимации |
| SVG | Вектор, код (XML) | Веб, приложения, интерфейсы | Не читается офсетными машинами |
| PNG | Растр | Соцсети, документы, презентации | Не масштабируется, теряет качество |
Почему логотип «плывёт» при увеличении
Если логотип размывается или покрывается «лестницей» пикселей при увеличении — перед вами растровый файл: PNG, JPG или скринкопия из старой презентации. Растровое изображение — это сетка конкретных пикселей с фиксированными координатами. Когда вы тянете за угол, компьютер вынужден придумывать новые пиксели между существующими — интерполировать. Результат всегда мягче и грязнее оригинала, других вариантов физически нет.
Вектор устроен иначе: увеличение — это пересчёт формул кривых Безье под новый масштаб, а не растяжение сетки. Поэтому логотип-вектор одинаково резкий на визитке и на билборде.
Проверить, что перед вами, просто: откройте файл в браузере или просмотрщике и увеличьте его на 500–800%. Если края остаются острыми — вектор. Если появляется «лестница» и мутность — растр, вне зависимости от того, как файл называется.
DPI и PPI: почему для веба, соцсетей и печати нужны разные цифры
PPI (пикселей на дюйм) определяет плотность растрового изображения на экране, DPI (точек на дюйм) — плотность краски на физическом отпечатке. Путать их — источник половины проблем с качеством логотипа.
- Веб и интерфейсы: 72 PPI достаточно, экран не различает большее разрешение при стандартном масштабе.
- Retina-экраны и соцсети: нужен запас в 2-3 раза — иначе логотип на iPhone или в шапке Instagram будет слегка мутным.
- Печать: минимум 300 DPI в реальном физическом размере. Логотип диаметром 2 дюйма на визитке требует минимум 600×600 px именно при 300 DPI — не «побольше», а конкретно этой величины.
Профессиональная поставка PNG-версий логотипа клиенту включает как минимум три масштаба: @1x — стандартный размер под обычные экраны, @2x — под Retina-дисплеи, @3x — под мобильные устройства с высокой плотностью пикселей. Без этого набора логотип на разных устройствах будет выглядеть неровно: где-то чётко, где-то замылено.
Кейс: клиент получил только PNG — и что из этого вышло
Частая ситуация в практике агентств: стартап заказывает логотип у фрилансера, получает один файл — logo.png, 800×800 px — и на этом коммуникация заканчивается. Через полгода компания растёт, нужен баннер на выставку 3×2 метра. Дизайнер увеличивает PNG в Photoshop — логотип превращается в мутное пятно с рваными краями. Второй удар: нужно поменять оттенок фирменного цвета под новый гайдлайн — а PNG нельзя отредактировать, это «замороженная картинка», а не структура из объектов и цветов.
Решение в такой ситуации одно — обратиться к автору за исходником или заказывать логотип заново, что стоит дороже, чем изначально доплатить за полный пакет файлов. Отсюда простое правило: PNG — это финальная витрина, а не рабочий инструмент. Исходный AI или SVG должен храниться у клиента всегда, даже если он никогда не откроет его сам.
Можно ли вернуть вектор из готового PNG? Технически — да, через трассировку (в Illustrator это Image Trace, есть и специализированные онлайн-сервисы). Но результат работает нормально только для простых геометрических логотипов без сложных градиентов и мелких деталей. Логотип с тонкими засечками шрифта или полупрозрачными слоями после трассировки почти всегда требует ручной доработки контуров — то есть это не автоматизация, а частичная работа дизайнера с нуля.
PDF — не третий лишний, а отдельный класс задач
Если EPS и SVG уже покрывают печать и веб, зачем существует PDF? Дело в том, что PDF решает задачу не формата, а совместимости и предпросмотра. PDF может одновременно содержать вектор, растровые вставки, шрифты, цветовые профили и метаданные — и при этом открывается на любом устройстве без специального софта, в отличие от AI или EPS.
Для современной полиграфии важен конкретный подвид — PDF/X-4. Это стандартизированный профиль, который гарантирует, что цвета, обтравки и прозрачности отобразятся в типографии так же, как на экране дизайнера. Разница с классическим EPS принципиальна: EPS — формат для старых RIP-систем и допечатных машин, где PDF/X-4 просто не читается; PDF/X-4 — стандарт для современных цифровых печатных комплексов. Одна и та же задача «отдать логотип в печать» на практике требует разных файлов в зависимости от возраста оборудования типографии — это стоит уточнять до отправки макета, а не после отказа принять файл.
Формат нужно выбирать по технологии, а не только по «печать или веб»
Здесь топовые статьи почти всегда молчат: выбор формата зависит не только от канала (печать/веб), но и от конкретной технологии нанесения.
- Шелкография — часто требует именно EPS с чётко разделёнными цветовыми плашками (spot colors), потому что каждая плашка печатается отдельным прогоном.
- Машинная вышивка — вообще не работает с обычным вектором, ей нужен отдельный формат для вышивальных машин (DST, PES), который создаётся программой цифровизации на основе вашего AI/EPS — это отдельный этап, а не автоматическая конвертация.
- Лазерная гравировка — обычно принимает вектор в виде чистых, замкнутых контуров без обводок, часто в EPS или DXF, без растровых элементов вообще.
Отправлять во все эти производства один и тот же SVG-файл, взятый с сайта, — гарантированный способ получить брак и потерять время на переделку макета.
Как правильно собрать пакет файлов для передачи клиенту
Профессиональная поставка логотипа — это не один файл, а структура. Минимальный грамотный набор выглядит так:
- Исходный AI-файл со всеми слоями, вариантами (цветной, чёрный, белый, монохром) и незакрытыми контурами — для будущих правок.
- EPS-версия с текстом, переведённым в кривые (Type → Create Outlines), и цветовым режимом CMYK — для печати.
- PDF/X-4 — для современных типографий и точной цветопередачи.
- SVG для сайта и приложений — оптимизированный, без лишнего кода.
- PNG в трёх масштабах (@1x, @2x, @3x) с прозрачным фоном — для соцсетей, презентаций, документов.
- Отдельный PNG в 300 DPI под конкретные физические размеры печати, если планируются сувениры или визитки.
При экспорте из Illustrator для печати важно не забыть два шага, которые чаще всего упускают: перевести все шрифты в кривые и переключить документ в цветовой профиль CMYK перед сохранением — RGB-логотип, отправленный в типографию как есть, почти всегда печатается с искажённым, более тусклым цветом. Клиент, получивший такой полный пакет с самого начала, не столкнётся ни с мутным баннером, ни с невозможностью поменять оттенок бренда через три года.
AI, EPS, SVG — три вектора, три разные истории
Все три формата хранят логотип как математическое описание: точки, кривые, углы. Поэтому логотип в векторе можно увеличить до размера баннера на фасаде здания — и линии останутся острыми. Но AI, EPS и SVG — не взаимозаменяемые синонимы, у каждого своя область применения, и путать их — типичная ошибка новичков.
AI (Adobe Illustrator) — рабочий, «исходный» файл. Он хранит слои, направляющие, эффекты, незакрытые контуры, шрифты как текст (а не как кривые), иногда — незакрытые пробелы в цветовых профилях. Это файл для дизайнера, а не для типографии. Отправить AI в печать напрямую рискованно: если в типографии нет той же версии Illustrator и тех же шрифтов, файл откроется с ошибками или вообще не откроется.
EPS (Encapsulated PostScript) разработан в 1987 году и до сих пор остаётся стандартом полиграфии — не потому что устарел морально, а потому что старые RIP-процессоры и допечатное оборудование в типографиях умеют читать именно PostScript-код. EPS — это «упакованный» и упрощённый вектор без слоёв и живых эффектов, готовый к печати.
SVG (Scalable Vector Graphics) — принципиально другая история: это не бинарный файл, а XML-код, который браузер интерпретирует на лету. SVG поддерживает CSS-стилизацию и JavaScript-анимацию — логотип на сайте можно менять при хаовере, растягивать при скролле, перекрашивать через код. Весит SVG-логотип обычно 5–20 KB, что делает его идеальным для веба, где скорость загрузки — часть UX.
| Формат | Тип | Где используется | Слабое место |
|---|---|---|---|
| AI | Вектор, рабочий файл | Редактирование дизайнером | Не откроется без Illustrator и шрифтов |
| EPS | Вектор, PostScript | Полиграфия, старое оборудование | Нет прозрачности в старых версиях, нет анимации |
| SVG | Вектор, код (XML) | Веб, приложения, интерфейсы | Не читается офсетными машинами |
| PNG | Растр | Соцсети, документы, презентации | Не масштабируется, теряет качество |
Почему логотип «плывёт» при увеличении
Если логотип размывается или покрывается «лестницей» пикселей при увеличении — перед вами растровый файл: PNG, JPG или скринкопия из старой презентации. Растровое изображение — это сетка конкретных пикселей с фиксированными координатами. Когда вы тянете за угол, компьютер вынужден придумывать новые пиксели между существующими — интерполировать. Результат всегда мягче и грязнее оригинала, других вариантов физически нет.
Вектор устроен иначе: увеличение — это пересчёт формул кривых Безье под новый масштаб, а не растяжение сетки. Поэтому логотип-вектор одинаково резкий на визитке и на билборде.
Проверить, что перед вами, просто: откройте файл в браузере или просмотрщике и увеличьте его на 500–800%. Если края остаются острыми — вектор. Если появляется «лестница» и мутность — растр, вне зависимости от того, как файл называется.
DPI и PPI: почему для веба, соцсетей и печати нужны разные цифры
PPI (пикселей на дюйм) определяет плотность растрового изображения на экране, DPI (точек на дюйм) — плотность краски на физическом отпечатке. Путать их — источник половины проблем с качеством логотипа.
- Веб и интерфейсы: 72 PPI достаточно, экран не различает большее разрешение при стандартном масштабе.
- Retina-экраны и соцсети: нужен запас в 2-3 раза — иначе логотип на iPhone или в шапке Instagram будет слегка мутным.
- Печать: минимум 300 DPI в реальном физическом размере. Логотип диаметром 2 дюйма на визитке требует минимум 600×600 px именно при 300 DPI — не «побольше», а конкретно этой величины.
Профессиональная поставка PNG-версий логотипа клиенту включает как минимум три масштаба: @1x — стандартный размер под обычные экраны, @2x — под Retina-дисплеи, @3x — под мобильные устройства с высокой плотностью пикселей. Без этого набора логотип на разных устройствах будет выглядеть неровно: где-то чётко, где-то замылено.
Кейс: клиент получил только PNG — и что из этого вышло
Частая ситуация в практике агентств: стартап заказывает логотип у фрилансера, получает один файл — logo.png, 800×800 px — и на этом коммуникация заканчивается. Через полгода компания растёт, нужен баннер на выставку 3×2 метра. Дизайнер увеличивает PNG в Photoshop — логотип превращается в мутное пятно с рваными краями. Второй удар: нужно поменять оттенок фирменного цвета под новый гайдлайн — а PNG нельзя отредактировать, это «замороженная картинка», а не структура из объектов и цветов.
Решение в такой ситуации одно — обратиться к автору за исходником или заказывать логотип заново, что стоит дороже, чем изначально доплатить за полный пакет файлов. Отсюда простое правило: PNG — это финальная витрина, а не рабочий инструмент. Исходный AI или SVG должен храниться у клиента всегда, даже если он никогда не откроет его сам.
Можно ли вернуть вектор из готового PNG? Технически — да, через трассировку (в Illustrator это Image Trace, есть и специализированные онлайн-сервисы). Но результат работает нормально только для простых геометрических логотипов без сложных градиентов и мелких деталей. Логотип с тонкими засечками шрифта или полупрозрачными слоями после трассировки почти всегда требует ручной доработки контуров — то есть это не автоматизация, а частичная работа дизайнера с нуля.
PDF — не третий лишний, а отдельный класс задач
Если EPS и SVG уже покрывают печать и веб, зачем существует PDF? Дело в том, что PDF решает задачу не формата, а совместимости и предпросмотра. PDF может одновременно содержать вектор, растровые вставки, шрифты, цветовые профили и метаданные — и при этом открывается на любом устройстве без специального софта, в отличие от AI или EPS.
Для современной полиграфии важен конкретный подвид — PDF/X-4. Это стандартизированный профиль, который гарантирует, что цвета, обтравки и прозрачности отобразятся в типографии так же, как на экране дизайнера. Разница с классическим EPS принципиальна: EPS — формат для старых RIP-систем и допечатных машин, где PDF/X-4 просто не читается; PDF/X-4 — стандарт для современных цифровых печатных комплексов. Одна и та же задача «отдать логотип в печать» на практике требует разных файлов в зависимости от возраста оборудования типографии — это стоит уточнять до отправки макета, а не после отказа принять файл.
Формат нужно выбирать по технологии, а не только по «печать или веб»
Здесь топовые статьи почти всегда молчат: выбор формата зависит не только от канала (печать/веб), но и от конкретной технологии нанесения.
- Шелкография — часто требует именно EPS с чётко разделёнными цветовыми плашками (spot colors), потому что каждая плашка печатается отдельным прогоном.
- Машинная вышивка — вообще не работает с обычным вектором, ей нужен отдельный формат для вышивальных машин (DST, PES), который создаётся программой цифровизации на основе вашего AI/EPS — это отдельный этап, а не автоматическая конвертация.
- Лазерная гравировка — обычно принимает вектор в виде чистых, замкнутых контуров без обводок, часто в EPS или DXF, без растровых элементов вообще.
Отправлять во все эти производства один и тот же SVG-файл, взятый с сайта, — гарантированный способ получить брак и потерять время на переделку макета.
Как правильно собрать пакет файлов для передачи клиенту
Профессиональная поставка логотипа — это не один файл, а структура. Минимальный грамотный набор выглядит так:
- Исходный AI-файл со всеми слоями, вариантами (цветной, чёрный, белый, монохром) и незакрытыми контурами — для будущих правок.
- EPS-версия с текстом, переведённым в кривые (Type → Create Outlines), и цветовым режимом CMYK — для печати.
- PDF/X-4 — для современных типографий и точной цветопередачи.
- SVG для сайта и приложений — оптимизированный, без лишнего кода.
- PNG в трёх масштабах (@1x, @2x, @3x) с прозрачным фоном — для соцсетей, презентаций, документов.
- Отдельный PNG в 300 DPI под конкретные физические размеры печати, если планируются сувениры или визитки.
При экспорте из Illustrator для печати важно не забыть два шага, которые чаще всего упускают: перевести все шрифты в кривые и переключить документ в цветовой профиль CMYK перед сохранением — RGB-логотип, отправленный в типографию как есть, почти всегда печатается с искажённым, более тусклым цветом. Клиент, получивший такой полный пакет с самого начала, не столкнётся ни с мутным баннером, ни с невозможностью поменять оттенок бренда через три года.
Актуальные статьи
МегаФон, BMW, ВТБ и ещё 240+ компаний. Смотрите как это выглядит в шоуриле:
В наше брендинговое агентство обращаются, чтобы заказать:
