Форматы и размеры файлов логотипа: полный чек-лист

Вам не нужны десятки файлов логотипа — нужен один векторный исходник и короткий набор экспортов из него. Держите SVG как источник, экспортируйте PNG для растровых размещений и набор фавиконов для браузеров, а печатникам передавайте векторный PDF. Этот чек-лист привязывает каждый формат и размер к месту использования. Что содержит пакет LogoSaga.

Автор LogoSagaОпубликовано Обновлено
На этой странице
  1. Начните с одного исходника, остальное экспортируйте
  2. Нужные форматы
  3. Нужные размеры по месту использования
  4. Не забудьте про варианты
  5. Организуйте и называйте их понятно
  6. Что содержит пакет LogoSaga
  7. Перед отправкой логотипа в типографию
Один знак логотипа экспортируется в векторный файл, растровый файл, фавикон и документ для печати.
Один векторный исходник даёт все остальные нужные файлы — а не наоборот.

Начните с одного исходника, остальное экспортируйте

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

Нужные форматы

  • SVG — ваш исходник и формат для веба. Масштабируемый и крошечный по весу.
  • PNG — для растровых размещений фиксированного размера: аватаров в соцсетях, некоторых инструментов для почты и документов. Поддерживает прозрачность.
  • Набор фавиконов — SVG-фавикон плюс мелкие PNG и резервный ICO для вкладок браузера. См. как сделать фавикон.
  • PDF — контейнер документа, который может содержать векторную графику, растровые изображения или оба типа. Качество при изменении размера зависит от содержимого; передайте типографии файл по её требованиям, а не просто с расширением PDF.
  • EPS — устаревший векторный формат, который некоторые типографии всё ещё запрашивают.
  • Избегайте JPG — нет прозрачности, а сжатие с потерями смазывает чёткие края.

Нужные размеры по месту использования

Сетка мест применения логотипа: шапка сайта, фавикон, аватар в соцсети, значок приложения и печать.
Подбирайте экспорт под место размещения, а не используйте один размер везде.
Где используетсяФорматРазмер / примечание
СайтSVGмасштабируемый; вариант по умолчанию на экране
Вкладка браузераSVG + ICO + PNGнабор фавиконов (32) + touch-иконка (180)
Профиль в соцсетиPNGквадрат, в размере площадки
Установленная PWAPNG + manifest192×192, 512×512
Нативное приложениеСледуйте текущей спецификации значков платформы; размеры PWA не универсальны для нативных приложений.—
Почта / документыPNGумеренный фиксированный размер
ПечатьPDF (или EPS)Итоговый размер печати; векторы или достаточное разрешение растра по требованиям типографии

Не забудьте про варианты

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

Организуйте и называйте их понятно

Храните исходник отдельно от экспортов и называйте файлы так, чтобы любой мог найти нужный, — например, logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png и logo-print.pdf. Аккуратная папка — вот что делает логотип реально пригодным к использованию месяцы спустя.

Что содержит пакет LogoSaga

Пакет включает horizontal, stacked, wordmark и badge с прозрачными светлыми/тёмными SVG и PNG1024. Также три набора фавиконов, Apple180, Android192/512, веб-манифест, recipe.json, README.txt, LICENSES.txt и brand-sheet.pdf. Отдельный PNG предлагает 512, 1024 или 2048 px с прозрачным или сплошным фоном. Проверьте имена и фон перед передачей.

Перед отправкой логотипа в типографию

brand-sheet.pdf — обзор на одной странице с растровым изображением, не готовый векторный PDF логотипа для печати. Передайте SVG и уточните спецификацию PDF, цветовой профиль и пробу. Расширение PDF не доказывает векторы. Проверьте размер в мм, тонкие линии, одноцветную печать и текст в контурах. Не выводите CMYK вслепую из HEX.

Связанные практические руководства: Логотип с прозрачным фоном: экспорт PNG и SVG · Логотип для профиля компании Google: размер и загрузка

Создайте логотип и экспортируйте полный набор файлов — бесплатно

Часто задаваемые вопросы

Какие форматы файлов нужны для логотипа?

Как минимум: SVG-исходник, PNG для растровых размещений (например, аватаров в соцсетях), набор фавиконов для браузеров и векторный PDF для печати. Избегайте JPG — у него нет прозрачности и он смягчает края.

Какого размера должен быть мой логотип?

Единого размера не существует — всё зависит от места размещения. Используйте масштабируемый SVG в вебе, экспортируйте PNG в размере, который рекомендует каждая площадка, и подготовьте размеры для фавикона (32 и 180) и PWA (192 и 512).

Какой файл логотипа нужен типографии?

brand-sheet.pdf — обзор на одной странице с растровым изображением, не готовый векторный PDF логотипа для печати. Передайте SVG и уточните спецификацию PDF, цветовой профиль и пробу. Расширение PDF не доказывает векторы. Проверьте размер в мм, тонкие линии, одноцветную печать и текст в контурах. Не выводите CMYK вслепую из HEX.

Как организовать и назвать файлы логотипа?

Храните SVG-исходник отдельно и называйте экспорты понятно, по формату и назначению — например, logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png, logo-print.pdf.

Чем лист бренда отличается от логотипа для печати?

brand-sheet.pdf — обзор на одной странице с растровым изображением, не готовый векторный PDF логотипа для печати. Передайте SVG и уточните спецификацию PDF, цветовой профиль и пробу. Расширение PDF не доказывает векторы. Проверьте размер в мм, тонкие линии, одноцветную печать и текст в контурах. Не выводите CMYK вслепую из HEX.

Источники