Чек-лист файлов логотипа: какие форматы и версии должен передать дизайнер

Правильные форматы логотипа — это не один PNG «на всё», а набор файлов: векторные SVG, PDF и EPS для печати и вёрстки, растровые PNG для документов и соцсетей, фавикон и иконка для сайта и приложения, плюс несколько версий знака и цвета в разных системах. Если на руках только картинка из мессенджера, первая же вывеска или сувенирка превратится в квест «найдите исходник». Ниже — чек-лист, по которому удобно принимать работу у дизайнера.

Почему одного PNG мало

Растровый файл состоит из пикселей. Пока логотип стоит в углу презентации, это незаметно. Но стоит увеличить его для баннера на фасад или широкоформатной печати — края становятся ступенчатыми, тонкие линии размываются. Типография попросит вектор, производитель вывески — тоже, а вышивальщику нужен знак без мелких деталей и градиентов.

Вторая проблема — фон. PNG с белой подложкой на цветной обложке Instagram выглядит как наклейка. Третья — цвета: «тот самый синий» в файле для экрана и в печати выглядит по-разному, и без кодов CMYK и Pantone каждая типография подберёт свой оттенок. Поэтому при разработке логотипа мы передаём весь комплект сразу, а не по запросу через полгода.

Векторный логотип: SVG, PDF, EPS и исходник

Векторный логотип описан формулами, а не пикселями, поэтому одинаково чёткий и на визитке, и на билборде. У каждого векторного формата своя задача.

Проверить, что вектор настоящий, просто: откройте PDF или SVG и увеличьте до 800–1000%. Края должны оставаться гладкими. Если видны пиксели, внутри лежит растровая картинка, «упакованная» в векторный формат, и типография её не примет.

Ещё одна деталь — шрифт. В финальных векторных файлах буквы должны быть переведены в кривые. Тогда логотип открывается на любом компьютере одинаково, а лицензия на гарнитуру для самого знака больше не нужна.

Логотип SVG, PNG, PDF: растровые файлы для экранов

Растр нужен там, где вектор не принимают или неудобен: Word и PowerPoint у бухгалтерии, подписи писем, загрузка аватара в соцсети, мессенджеры, документы для тендеров. Основной растровый формат — PNG с прозрачным фоном. JPG подходит только для фото и превью, прозрачности у него нет.

PNG стоит получить в нескольких размерах: небольшой для документов и подписей, крупный для презентаций и баннеров. Отдельно — готовые изображения под аватар: квадрат или круг с полями, рассчитанный на обрезку соцсетей. Когда SMM-специалист сам обрезает логотип под круг, буквы почти всегда упираются в край.

Версии знака: какие файлы логотипа нужны кроме основного

Один и тот же знак работает в разных условиях: на белом и на тёмном фоне, на иконке 32 px и на фасаде, в цвете и в одну краску. Поэтому кроме основной версии нужны ещё несколько.

Если знак комбинированный, полезны горизонтальная и вертикальная компоновки: горизонтальная — в шапку сайта и на бланк, вертикальная — на квадратные форматы и упаковку. Мы делаем такие компоновки, когда они нужны под ваши носители, а не «для полноты набора».

Цвета: RGB, HEX, CMYK и Pantone

У фирменного цвета должно быть несколько кодов. RGB и HEX описывают цвет на экране и нужны разработчикам и SMM. CMYK — для четырёхцветной печати: визитки, буклеты, баннеры. Pantone — для точного попадания в цвет на упаковке, мерче, вывеске, когда оттенок должен совпадать на разных материалах и тиражах.

Коды одного цвета подбираются вручную: автоматический пересчёт RGB в CMYK часто даёт тусклый или «грязный» результат. Поэтому коды фиксируют в правилах, а не оставляют на усмотрение типографии.

Фавикон, иконка приложения и носители для digital

Для сайта нужен фавикон — значок во вкладке браузера и в закладках. Его делают из компактной версии: при размере в 16–32 пикселя полный логотип с надписью превращается в пятно. Для мобильного приложения или ярлыка на телефоне — иконка с полями по требованиям платформ. Для соцсетей и мессенджеров — аватар.

Всё это лучше проверить ещё на этапе концепций. Мы показываем каждую концепцию на 20+ носителях, включая иконку 32 px, аватар и вывеску, и знак, который разваливается в одном из сценариев, не доходит до презентации. В итоговом пакете фавикон и иконка приложения идут в нужных размерах.

Файлы для вывески, вышивки и мерча

Производство работает со своими ограничениями, и к ним стоит подготовиться заранее. Для объёмных букв и световых коробов подрядчику нужен векторный контур знака без эффектов: тени, градиенты и полупрозрачность там не воспроизводятся. Для вышивки на униформе важна толщина линий — слишком тонкие элементы нитка просто не передаст, поэтому берут компактную или монохромную версию. Для гравировки, тиснения на коже и шелкографии нужен знак в одну краску.

Если вы знаете, что логотип пойдёт на ткань, металл или упаковку, скажите об этом на старте. Мы подскажем, как знак поведёт себя в одну краску, на ткани и при тиснении, и дадим подходящую монохромную версию. Полноценная разработка упаковки и мерча — уже задача фирменного стиля.

Мини-гайд: правила к файлам

Файлы без правил живут недолго: через месяц кто-то растянет логотип по ширине баннера, поставит его на пёстрое фото или обведёт белым контуром. Поэтому к комплекту прикладывают короткие правила:

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

Мини-гайд входит в разработку знака. Если подрядчиков и отделов много, правил на пару страниц мало — тогда нужен логобук в составе гайдлайна или брендбука. Чем эти документы различаются, мы разбирали в статье «Брендбук, гайдлайн и логобук».

Как принять работу и где хранить файлы

Принимая пакет, откройте каждую папку и проверьте три вещи: векторные файлы действительно векторные, PNG прозрачные, названия понятны без дизайнера. Хорошая структура выглядит так: папки «Печать», «Digital», «Исходники», внутри — версии с понятными названиями вроде «logo-main-color.svg» или «logo-mono-white.png».

Храните комплект в общем облаке компании, а не в почте одного сотрудника. Дайте ссылку маркетологу, офис-менеджеру и подрядчикам. Если у вас нет полного комплекта и дизайнер недоступен, знак можно восстановить в векторе, но это отдельная работа с проверкой пропорций.

Если вы заказываете знак с нуля, закажите логотип с полным пакетом файлов: SVG, PDF, EPS, PNG, фавикон, иконка приложения, все версии и мини-гайд передаются в одной папке вместе с исключительными правами. Цены на другие дизайн-работы — на странице стоимости дизайна.