SVG проти PNG для логотипів: який формат використати (і коли)
Збережіть SVG із контурами як оригінал і експортуйте PNG для растра. SVG може містити растр: розширення не доводить вектори. Узгодьте файл і налаштування друку з друкарнею.
На цій сторінці
Чим відрізняються формати?
PNG зберігає фіксовану сітку; специфікація дозволяє необов’язкову прозорість. Збільшення не повертає деталей. SVG малює контури в кінцевому розмірі, але вбудовує також PNG та JPEG. Малий растр залишається обмеженим.
LogoSaga експортує контури без активного тексту та вбудованого растра. Збережіть це джерело, а невідомі SVG перевірте у векторному редакторі.
Який формат для якого призначення?
| Призначення | Початковий вибір | Перевірка |
|---|---|---|
| Сайт | SVG із контурами | Підтримка й мала читабельність |
| Профіль/растровий засіб | PNG | Розміри, обрізання, прозорість |
| Фавікон браузера | SVG із растровою альтернативою | Браузер і пошук окремо |
| Друк | Узгоджений вектор/PDF | Вміст, колір, виробництво |
Як експортувати для сайту?
Кав’ярні, наприклад, потрібен логотип завширшки 160 пікселів у шапці. Виберіть читабельну горизонтальну композицію, SVG, світлий чи темний варіант і прозоре тло, якщо має просвічувати сайт. Вставте файл і перевірте телефон та комп’ютер. Контури запобігають збільшенню растра, але не рятують надто малий слоган.
Якщо засіб приймає лише PNG, знову експортуйте 512, 1024 або 2048 пікселів завширшки й покажіть відповідно меншим. Перевірте справжню сторінку, не велике завантаження. Ширина не означає квадратного полотна.
Як зробити квадратний профіль?
Для магазину виберіть компактний символ або вертикальний порядок, PNG1024 як джерело та прозоре чи однотонне тло. Це справжні налаштування. За потреби поставте прямокутник у редакторі на окреме квадратне полотно, не стискаючи.
Перевірте кінцеві розміри, файл, обрізання й світлі/темні поверхні. Зберігайте SVG для інших PNG замість малої копії. Посібник профілю Google пояснює призначення; тест прозорості знаходить прямокутники й ореоли.
Чи гарантує PDF вектори для друку?
Ні. PDF містить растр, вектори або обидва, розрізнені в документації Adobe PDF. Узгодьте формат, профіль і налаштування. Екран не гарантує однаковий друкований колір.
brand-sheet.pdf LogoSaga — аркуш айдентики з растрового зображення, не виробниче векторне PDF логотипа. Збережіть SVG і домовтеся про перетворення з друкарнею чи редактором. AI — робочий файл Illustrator; EPS — старий обмінний формат деяких постачальників.
Чи можна зробити вектор із PNG?
Перейменування або вбудовування у SVG змінює обгортку, не пікселі. Трасування реконструює форми й може змінювати криві, інтервали та деталі. Порівняйте нормально й мало; використовуйте справжній вектор, якщо існує. LogoSaga не векторизує завантажені PNG.
JPG не має звичайної альфи та стискає із втратами. Не беріть його за джерело, хоча призначення може приймати для однотонного тла.
А маленькі піктограми?
SVG-фавікон браузера та опубліковані формати Google Search — різні вимоги. Дотримуйтеся посібника фавікона і джерела Google. Спрощуйте малі знаки: чіткий вектор може бути нечитабельним. Перелік файлів розділяє профіль, браузер і друк.
Створіть логотип і експортуйте SVG або PNGПоширені запитання
Чи краще SVG?
Контури допомагають масштабуванню. PNG потрібне для растра. Малий растр усередині SVG не відновлює деталей.
Чи завжди SVG чітке?
Контури рахуються для кінцевого розміру, растр залишається обмеженим. Тонкі лінії та дрібний текст можуть бути нечитабельні.
Чому PNG розмите?
Його можуть показувати завеликим або багаторазово масштабувати. Експортуйте оригінал знову.
Чи можна JPG?
Призначення може приймати його для навмисно однотонного тла. Для контурів і прозорості зазвичай краще PNG або підтримуване векторне SVG.
Що віддати друкарні?
Узгодьте формат, вектори, профіль і налаштування. brand-sheet.pdf LogoSaga — растрова довідка, не гарантований векторний виробничий оригінал.