В каком формате должен быть логотип — SVG, PNG, AI, EPS или PDF
Дизайнер прислал логотип одним JPG‑файлом и через месяц выяснилось, что его нельзя ни увеличить для баннера, ни поставить на цветной фон, ни отдать в типографию. Знакомо? Это самая частая ошибка при заказе логотипа. Разберём, какие форматы бывают, зачем нужен каждый и что обязательно должно лежать в вашей папке с фирменным стилем.
Логотип должен существовать минимум в двух видах: вектор (SVG, AI или EPS) — исходник, из которого делается всё остальное, и растр (PNG с прозрачным фоном) для быстрых бытовых задач. Если у вас есть только JPG — у вас нет логотипа, у вас есть его фотография.
Вектор и растр: в чём разница
Всё делится на две большие группы, и это важнее, чем конкретное расширение файла.
Векторные форматы (SVG, AI, EPS, PDF) хранят не пиксели, а математическое описание фигур: «окружность радиусом 50, залита цветом #21A038». Такой файл можно увеличить хоть до размера рекламного щита — края останутся идеально чёткими.
Растровые форматы (PNG, JPG, WebP) хранят сетку пикселей. У них есть фиксированное разрешение: PNG размером 500×500 при растяжке на билборд превратится в мыло.
Подробное сравнение двух главных веб‑форматов мы уже делали в статье SVG или PNG для логотипа — здесь посмотрим на всю линейку целиком. А если разница между вектором и растром в принципе нова — начните с базового объяснения в статье векторная и растровая графика: разница простыми словами.
Разбор форматов по одному
SVG — главный формат для веба
Векторный, открывается в любом браузере, весит килобайты, масштабируется без потерь, цвета можно менять прямо в коде. Если логотип нужен для сайта, приложения, презентации или Figma — это первый выбор. Единственное место, где SVG не любят, — старые типографии и некоторые маркетплейсы, которые принимают только растр.
PNG — рабочая лошадка
Растровый формат с поддержкой прозрачного фона. Незаменим там, где вектор не вставить: соцсети, маркетплейсы, документы Word, письма. Держите под рукой PNG в большом размере (1000+ пикселей по длинной стороне) — уменьшить всегда можно, увеличить без потерь нельзя.
JPG — почти никогда
JPG не поддерживает прозрачность: логотип будет жить в белом прямоугольнике. Плюс формат сжимает с потерями — вокруг чётких контуров появляются грязные артефакты. Единственный сценарий, где JPG уместен, — фотография, на которой логотип просто присутствует. Подробный разбор различий — в статье PNG или JPG: что выбрать.
AI — исходник из Adobe Illustrator
Родной формат Illustrator. Это «файл‑мать»: из него дизайнер выгружает все остальные версии. Открыть его без Illustrator сложно, поэтому AI не для использования, а для хранения. Обязательно попросите его у дизайнера и положите в надёжное место.
EPS — вектор для типографий
Старый обменный векторный формат. Его до сих пор просят типографии и производители сувенирки, потому что он открывается почти любым профессиональным софтом. Сам по себе устарел, но иметь его в комплекте полезно.
PDF — универсальный курьер
PDF может содержать вектор внутри — и тогда он не хуже EPS. Удобен тем, что открывается на любом устройстве: заказчик может посмотреть логотип, а типография — забрать из него кривые. Проверьте только, что внутри именно вектор, а не вставленная картинка.
WebP и AVIF — не для логотипа
Современные растровые форматы для фотографий на сайтах. Логотип в них хранить не нужно: для веба есть SVG, который и легче, и чётче.
Сводная таблица
| Формат | Тип | Прозрачность | Для чего |
|---|---|---|---|
| SVG | вектор | ✅ | сайт, приложения, Figma, презентации |
| PNG | растр | ✅ | соцсети, документы, маркетплейсы |
| JPG | растр | ⛔ | почти никогда |
| AI | вектор | ✅ | исходник, хранение и правки |
| EPS | вектор | ✅ | типография, сувенирка |
| вектор/растр | ✅ | обмен с подрядчиками, печать |
Какие файлы должны быть у вас на руках
- SVG — основная версия для всего цифрового.
- PNG с прозрачным фоном — большой (1000+ px) и, по желанию, готовые уменьшенные версии.
- AI или EPS — исходник для будущих правок и печати.
- Версии на светлом и тёмном фоне — монохромная белая и тёмная как минимум.
- Дизайнер отдаёт только PNG или JPG — просите вектор, он существует, если логотип рисовали честно.
- «Вектор» открывается, а внутри одна вставленная картинка — это трассировка растра либо просто обман.
- Логотип есть только в цвете на белом фоне — попросите версии для тёмного фона сразу, потом будет дороже.
Частые вопросы
Можно ли превратить PNG в SVG? Автоматическая трассировка работает сносно только на простых одноцветных знаках. Сложный логотип придётся отрисовывать заново — это нормальная практика, дизайнеры называют её «отрисовка в вектор».
Почему сайт бренда отдаёт логотип только в PNG? Часто пресс‑киты просто устарели. Ищите раздел brand assets / brand guidelines — у крупных компаний вектор там обычно есть.
В каком формате логотип для печати? Типографии просят вектор (EPS или PDF) с цветами в CMYK или Pantone. RGB‑файл «для экрана» при печати может уехать по цвету.
Чем отличается SVG от AI, если оба векторные? SVG — открытый веб‑стандарт: его понимает браузер, любой редактор и даже текстовый блокнот. AI — проприетарный формат Adobe со слоями, монтажными областями и эффектами, которых в SVG нет. Практическое правило: AI — для работы дизайнера, SVG — для использования всеми остальными.
Что делать, если от логотипа остался только файл .cdr? Это CorelDRAW — формат, популярный у типографий и рекламных агентств в СНГ. Открыть без Corel сложно: попробуйте Inkscape (частично импортирует .cdr) или онлайн‑конвертеры, но надёжнее попросить у автора экспорт в PDF или SVG — Corel это умеет штатно.
PDF из Word — это вектор? Зависит от содержимого: если логотип вставлен в документ картинкой PNG/JPG, то и в PDF он останется растром. Вектор в PDF получается только из векторного источника.
Как организовать хранение файлов логотипа
Файлы имеют свойство теряться в почте и мессенджерах, поэтому один раз наведите порядок:
- Одна папка в облаке — «Brand/Logo» на Диске или Дропбоксе, доступ по ссылке для подрядчиков.
- Понятные имена файлов:
logo-primary.svg,logo-mono-white.svg,logo-1000px.png— а неfinal_v2_new(1).png. Через год вы скажете себе спасибо. - Файл README.txt с двумя строками: какие цвета (HEX‑коды) и какой шрифт использован. Это микро‑гайдлайн, который отвечает на 90% вопросов подрядчиков.
- Исходник — отдельно и бережно. AI/EPS‑файл не отправляйте «поработать» — отправляйте копии в SVG/PNG, а исходник храните как оригинал документа.
Такой набор занимает полчаса, а экономит недели: типичная история «логотип есть, но никто не знает, где вектор» — это всегда история про отсутствие одной папки.
Как проверить файл, который вам прислали
Быстрый чек‑лист приёмки для не‑дизайнера:
- Откройте SVG в браузере и приблизьте до 800% — края должны остаться идеальными. Если появилось мыло — внутри растр, а не вектор.
- Откройте SVG текстовым редактором — внутри должны быть теги
<path>,<circle>,<rect>. Один тег<image>на весь файл — это замаскированный PNG. - Посмотрите PNG на тёмном фоне — так проверяется и прозрачность, и наличие белой версии.
- Сравните цвета с макетом — файл, пересохранённый через несколько программ, мог уехать по цвету.
Пять минут проверки при приёмке избавляют от неприятного открытия «вектора не существует» через год, когда дизайнер уже не отвечает.
Коротко
Вектор — источник правды, растр — расходник. Храните AI/EPS‑исходник, работайте с SVG, а PNG генерируйте по мере надобности. И никогда не соглашайтесь принять логотип одним JPG‑файлом.
Кстати, в нашем каталоге логотипов каждый знак доступен сразу в SVG и PNG — официальные неискажённые версии, которые можно скачать бесплатно или скопировать в один клик.