Форматы и размеры файлов логотипа: полный чек-лист
Вам не нужны десятки файлов логотипа — нужен один векторный исходник и короткий набор экспортов из него. Держите SVG как источник, экспортируйте PNG для растровых размещений и набор фавиконов для браузеров, а печатникам передавайте векторный PDF. Этот чек-лист привязывает каждый формат и размер к месту использования.
На этой странице
Начните с одного исходника, остальное экспортируйте
Золотое правило файлов логотипа: держите единственный векторный исходник — SVG — и создавайте из него все остальные файлы. Поскольку векторы масштабируются без потери качества, из них можно получить любой размер или формат позже. Экспорт из растрового файла — верный способ получить размытый логотип. Подробнее об этом — в статье SVG или PNG для логотипа.
Нужные форматы
- SVG — ваш исходник и формат для веба. Масштабируемый и крошечный по весу.
- PNG — для растровых размещений фиксированного размера: аватаров в соцсетях, некоторых инструментов для почты и документов. Поддерживает прозрачность.
- Набор фавиконов — SVG-фавикон плюс мелкие PNG и резервный ICO для вкладок браузера. См. как сделать фавикон.
- PDF — векторный файл для передачи печатникам; принимается практически везде.
- EPS — устаревший векторный формат, который некоторые типографии всё ещё запрашивают.
- Избегайте JPG — нет прозрачности, а сжатие с потерями смазывает чёткие края.
Нужные размеры по месту использования
| Где используется | Формат | Размер / примечание |
|---|---|---|
| Сайт | SVG | масштабируемый; вариант по умолчанию на экране |
| Вкладка браузера | SVG + ICO + PNG | набор фавиконов (32) + touch-иконка (180) |
| Профиль в соцсети | PNG | квадрат, в размере площадки |
| Значок приложения / PWA | PNG | 192 и 512 |
| Почта / документы | PNG | умеренный фиксированный размер |
| Печать | PDF (или EPS) | вектор; любой размер без потерь |
Не забудьте про варианты
Полный набор — это не только форматы и размеры, но и версии: полноцветный логотип, одноцветная версия, светлый и тёмный варианты для разных фонов. Они создаются из того же исходника и важны не меньше типа файла. Это часть вашей визуальной идентичности.
Организуйте и называйте их понятно
Храните исходник отдельно от экспортов и называйте файлы так, чтобы любой мог найти нужный, —
например, logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png и
logo-print.pdf. Аккуратная папка — вот что делает логотип реально пригодным к использованию месяцы
спустя.
Если вы создаёте логотип в LogoSaga, экспорт объединяет SVG, PNG и favicon.svg вместе, поэтому
весь набор сразу совпадает — не нужно искать нужный файл.
Часто задаваемые вопросы
Какие форматы файлов нужны для логотипа?
Как минимум: SVG-исходник, PNG для растровых размещений (например, аватаров в соцсетях), набор фавиконов для браузеров и векторный PDF для печати. Избегайте JPG — у него нет прозрачности и он смягчает края.
Какого размера должен быть мой логотип?
Единого размера не существует — всё зависит от места размещения. Используйте масштабируемый SVG в вебе, экспортируйте PNG в размере, который рекомендует каждая площадка, и подготовьте размеры для фавикона (32 и 180) и PWA (192 и 512).
Какой файл логотипа нужен типографии?
Векторный файл — обычно PDF (или EPS, если попросят), — чтобы его можно было чисто масштабировать до любого размера. Экспортируйте его из SVG-исходника.
Как организовать и назвать файлы логотипа?
Храните SVG-исходник отдельно и называйте экспорты понятно, по формату и назначению — например, logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png, logo-print.pdf.
Источники
- Scalable Vector Graphics (SVG) 2 — W3C
- Image file type and format guide — MDN Web Docs