Пакет favicon легко недооцінити. Багато людей сприймають його як одне крихітне зображення на вкладці веб-переглядача, але сучасний сайт зазвичай потребує невеликого набору пов’язаних ресурсів. Піктограма вкладки браузера – це лише одна поверхня. Мобільні ярлики, піктограми Android, сенсорні піктограми Apple і посилання на маніфест можуть потребувати власних файлів.
Практична мета полягає не в тому, щоб зібрати всі можливі варіанти значків. Мета полягає в тому, щоб відправити цілеспрямований пакет, який охоплює звичайні веб-переглядачі та схожі на додатки поверхні, не перетворюючи підготовку до запуску в ручну роботу з експорту. Favicon/App Icon Generator у Converty побудовано навколо цієї роботи: почніть з одного квадратного зображення та завантажте пакет із загальними файлами разом.
Основний файл все ще favicon.ico
favicon.ico залишається найвідомішим файлом піктограми. Це актив, який люди очікують побачити, пов’язаний із вкладками веб-переглядача, закладками та старими умовними позначеннями значків.
Навіть якщо сайт також містить піктограми PNG і веб-маніфест, favicon.ico все ще корисний, оскільки охоплює традиційний шлях, зрозумілий багатьом браузерам і інструментам. Для простого сайту це часто є першим файлом, який хтось перевіряє, коли піктограма вкладки виглядає неправильно.
Іконки PNG покривають сучасні поверхні
Сучасні пакети піктограм зазвичай містять файли PNG різних розмірів. Різні браузери, ярлики та контексти відображення можуть використовувати різні розміри. Якщо експортувати лише один розмір, веб-переглядач або пристрій може масштабувати зображення, через що маленькі значки можуть виглядати м’якими або переповненими.
Ось чому джерело мистецтва має значення. Квадратне, просте, читабельне зображення дає кращі результати в усьому пакеті, ніж детальна графіка, стиснута в кілька розмірів. Converty не може перетворити складний логотип на ідеальний крихітний знак, але він може усунути повторювану експортну роботу, коли у вас є відповідне джерело.
Сенсорні значки Apple і Android служать на різних поверхнях
Сенсорні значки Apple використовуються для поверхонь ярликів пристроїв Apple. Значки, готові для Android, підтримують пов’язані випадки встановлення та використання ярликів на платформах, орієнтованих на Android.
Ці файли легко забути, тому що вони не завжди видимі під час звичайної перевірки настільного браузера. Сайт може добре виглядати на вкладці, але все одно не матиме важливих ресурсів після того, як хтось збереже його на головному екрані пристрою. Повний пакет робить це менш ймовірним.
Якщо ви вирішуєте, чи сенсорна піктограма Apple є окремою від фавікону, прочитайте Apple Touch Icon проти Favicon: що має містити сучасний сайт?.
Маніфест об’єднує поверхні, схожі на додатки
Стартер site.webmanifest надає веб-програмі або сайту місце для опису піктограм і відповідних метаданих відображення. Це не заміна самих файлів піктограм. Він вказує на них, щоб сумісні поверхні могли зрозуміти, які активи доступні.
Ось чому Converty містить початковий маніфест у пакеті. Згенерований файл дає вам практичну відправну точку, але вам все одно потрібно розмістити ресурси у вашому проекті та посилатися на них у налаштуваннях сайту.
Практичний контрольний список для пакетів favicon
Цілеспрямований пакет favicon зазвичай повинен містити:
favicon.ico- кілька розмірів піктограм PNG
- Виведення піктограм Apple Touch — Виведення піктограм, готових до Android
- закваска
site.webmanifest
Цього достатньо для багатьох невеликих сайтів, запусків SaaS, маркетингових сторінок і проектів документації. Для більш спеціалізованих налаштувань можуть знадобитися додаткові активи для конкретної платформи, але загальний пакет позбавляє від рутинної роботи.
Відкрийте Favicon/App Icon Generator, якщо у вас є одне квадратне вихідне зображення та вам потрібні загальні файли пакету favicon, об’єднані в один експорт. Для ширшого робочого процесу прочитайте Як створити повний пакет піктограм Favicon з одного зображення.
