Формати й розміри файлів логотипа: повний чекліст
Вам не потрібні десятки файлів логотипа — вам потрібен один векторний майстер і короткий набір експортів із нього. Тримайте 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