Форматы файлов логотипов: SVG, PNG, PDF, AI, EPS

Единственное, что нужно запомнить о форматах файлов логотипов

Логотип не является файлом. Это система файлов. Отправить один PNG и назвать это финальной передачей: именно так бренды выглядят любителями перед платными клиентами.

Пять форматов, которые реально важны: SVG, PNG, PDF, AI и EPS. У каждого своя задача. Используйте не тот формат не для той задачи, и логотип либо пикселизируется на билборде, либо не откроется на машине подрядчика, либо вернётся из вышивального цеха таким, словно его создавали на кнопочном телефоне.

Векторная против растровой: один абзац

Вот и вся разница. Логотип всегда должен существовать прежде всего в векторном формате, а растровые экспорты генерируются из него.

SVG, нативный векторный формат для веба

SVG расшифровывается как Scalable Vector Graphics. Это основанный на XML формат, который браузеры читают нативно: никаких накладных расходов при рендеринге, никакого размытия на дисплеях Retina, никаких отдельных файлов 2x для поддержки. Вставьте в тег <img> или встройте прямо в HTML, и он масштабируется до любого разрешения без единого лишнего байта.

Посмотрите вживую на elevenlabs.io

SVG подходит для:

• Шапок сайтов
• Иконок приложений
• Email-подписей (на платформах с поддержкой SVG)
• Любой цифровой поверхности, которую вы контролируете

Большинство дизайн-инструментов экспортируют его напрямую.

Где SVG даёт сбой:

• Microsoft Office: Word и PowerPoint имеют нестабильную поддержку SVG в зависимости от версии и ОС
• Устаревшие печатные рабочие процессы: некоторые производственные инструменты не справляются с SVG; используйте PDF или EPS

PNG, безопасный запасной вариант, который губит печать

PNG является растровым форматом. Он хранит пиксели. Любое приложение на земле открывает PNG. Это его единственное конкурентное преимущество, и в цифровых контекстах оно реально.

Логотип при 300 DPI на визитке должен поступать из векторного источника.

Всегда экспортируйте PNG в большом разрешении: минимум 2000 пикселей по длинной стороне, в двух версиях: на белом фоне и с прозрачным.

PDF, формат, который путешествует везде без сбоев

PDF встраивает векторные данные. Экспортируйте из Illustrator или Figma, и он откроется на любом устройстве, полностью масштабируемым, без необходимости в каком-либо программном обеспечении.

Ознакомьтесь со спецификациями печати на moo.com

Никаких проблем со шрифтами. Никаких отсутствующих ресурсов. Никаких ответов "у меня нет Illustrator" от подрядчиков.

Для печатных работ PDF является самым практичным форматом доставки векторной графики:

• Коммерческие типографии принимают его напрямую в свой рабочий процесс
• Поставщики вывесок вставляют его в программы для верстки широкоформатной печати
• Вышивальные цеха конвертируют из него без потери точности линий
• Подрядчики без Illustrator всё равно могут его открыть

Это формат для отправки, когда вы не знаете, какое приложение использует другая сторона, а это касается большинства внешних передач.

PDF также является форматом для вариантов компоновки (логотип плюс слоган, вертикально, горизонтально). Подрядчик вставляет его напрямую в InDesign или Acrobat без этапа конвертации.

AI, рабочий файл вашего дизайнера

AI является нативным рабочим файлом Adobe Illustrator, а не финальным результатом. Он хранит всё:

• Слои и объекты
• Образцы цветов
• Направляющие и монтажные области
• Живой текст с оригинальными шрифтами
• Атрибуты внешнего вида
• Плашечные цвета

Дизайнер хранит файл AI. Вы получаете экспорты из него. Если сотрудничество закончилось и вам нужно позже отредактировать логотип, именно этот файл AI делает редактирование возможным.

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

Файлы AI полностью открываются только в Illustrator (и частично в Affinity Designer). Для клиентов, вставляющих логотип в презентацию, отправьте PNG. Для подрядчика, который специально просит AI, отправьте его и уточните версию Illustrator: совместимость между версиями ненадёжна.

EPS, устаревший формат, который всё ещё просит ваша типография

EPS (Encapsulated PostScript) старше PDF. Это был стандартный формат обмена векторной графикой до того, как PDF стал доминирующим, и типографии, работающие десятилетиями, по привычке всё ещё его запрашивают.

Посмотрите пресс-кит на about.gitlab.com

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

Когда подрядчик просит EPS, давайте EPS. Когда никто не просит, PDF решает ту же задачу с лучшей совместимостью с современными инструментами.

Ловушка фавиконки и аватара в соцсетях

Фавиконка не является уменьшенным логотипом. Это отдельная дизайн-работа. При 32x32 пикселях большинство деталей логотипа исчезает. Логотип с подписью превращается в серое пятно, и то, что читается чётко при 300 пикселях, становится неразборчивым при 32.

Процесс создания фавиконки в трёх шагах:

1. Разработайте отдельный знак для фавиконки: обычно это первая буква, монограмма или наиболее узнаваемый элемент логомарка с удалёнными второстепенными деталями.
2. Экспортируйте файл: либо .ico (контейнер для PNG 16x16, 32x32 и 48x48), либо PNG 192x192, который браузер масштабирует.
3. Отдельно решите вопрос с аватарами в соцсетях. Instagram обрезает до круга примерно при 110x110 пикселях, поэтому иконка профиля должна быть только логомарком, никогда полной компоновкой с логотипом.

Комплект передачи клиенту, который Brainy поставляет с каждым логотипом

Каждая передача логотипа от Brainy оформляется как структурированная папка, а не как zip со случайными экспортами. Вот точная структура:

YourBrand_Logo_Kit/ ├── 01_Web/ │ ├── logo-primary.svg │ ├── logo-primary@2x.png (2000px, transparent bg) │ ├── logo-reversed.svg │ ├── logo-reversed@2x.png │ ├── icon-only.svg │ └── favicon/ │ ├── favicon.ico │ ├── favicon-192.png │ └── favicon-512.png ├── 02_Print/ │ ├── logo-primary-CMYK.pdf │ ├── logo-primary-CMYK.eps │ ├── logo-reversed-CMYK.pdf │ └── logo-reversed-CMYK.eps ├── 03_Source/ │ └── logo-master.ai └── README.txt

У каждой папки своя задача. README содержит один абзац с инструкцией, в какую папку обращаться для каждой задачи.

Клиент не должен гадать. Комплект логотипа без README создан для дизайнеров, а не для клиентов.

Просмотрите бренд-кит на brand.github.com

Пусть Brainy разработает ваш логотип, и вы получите полный комплект, подписанный и структурированный, с первого раза.

Таблица выбора формата с одного взгляда

Единственная таблица ниже сопоставляет каждый распространённый случай использования с правильным форматом. Распечатайте, сделайте скриншот, вставьте в Notion своей студии: держите под рукой, когда клиент спрашивает "какой файл отправить в типографию".

FAQ

В чём разница между AI и EPS?

Оба являются векторными форматами. AI является нативным рабочим форматом Illustrator и сохраняет живой текст, прозрачность, монтажные области и атрибуты внешнего вида. EPS старше и читается шире, но сводит эти функции к растру при экспорте. Храните AI как источник истины, отправляйте EPS по запросу подрядчика.

Можно ли просто использовать PNG для всего?

Нет. PNG деградирует при печати или масштабировании больше исходного размера экспорта. Подрядчики отклонят его, вышивальные машины не смогут его использовать. В таблице выше показано, что отправлять вместо него.

Как насчёт WebP, GIF, TIFF или BMP?

Ни один из них не является форматом логотипа. WebP предназначен для сжатия фотографий, 256-цветная палитра GIF портит чёткие края, TIFF для архивирования, у BMP нет прозрачности. Пять форматов выше охватывают все законные случаи использования логотипа.

Дизайнер прислал мне только PNG. Что делать?

Попросите полный комплект: SVG, PDF, EPS и исходный файл AI. Рабочие файлы принадлежат клиенту, если иное не указано в договоре. Если дизайнер не отвечает, пусть Brainy переработает ваш логотип и получите все файлы с первого раза.

Логотипы должны быть в RGB или CMYK?

RGB для экранов, CMYK для печати. Сдвиг цвета между профилями реален, поэтому проверяйте пробным оттиском всё, что идёт в физическую типографию. PDF и EPS для печати должны быть в CMYK, если подрядчик не говорит иначе.

Работает ли SVG для email-подписей?

В основном нет. Gmail, Outlook и Apple Mail обрабатывают SVG непоследовательно, а некоторые клиенты полностью его удаляют. Используйте PNG для email-подписей. 200 пикселей в ширину при разрешении 2x является надёжным базовым вариантом.

Какой формат нужен вышивальному цеху?

Машина использует формат вышивки (DST, PES), который создаёт дигитайзер из вашего макета. Предоставьте цеху векторный логотип в формате EPS или AI, чтобы они могли точно его обвести и конвертировать. Никогда не отправляйте PNG в вышивальный цех.

Отправьте правильный формат с первого раза

SVG на сайте. PNG как запасной вариант. PDF для типографии.

AI для будущих правок. EPS когда требует устаревший подрядчик. Фавиконка разработана как самостоятельный знак, а не как результат ресайза. Полный комплект, подписанный и структурированный, поставленный один раз и используемый вечно.

Бренды, которые выглядят безупречно во всех точках контакта, используют не лучшие логотипы. Они используют правильные файлы для каждой поверхности.

Для дополнительных практических руководств по бренду просмотрите полную библиотеку Brainy Papers. Нужна система логотипа, созданная и поставленная правильно с первого раза? Пусть Brainy разработает ваш логотип.