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

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

Джерела