Генератор favicon
Завантажте зображення та згенеруйте повний пакет favicon для вашого сайту.
Що таке favicon і чому він важливий?
Favicon (скорочення від „favorites icon") — це маленька іконка, що відображається на вкладці браузера, в панелі закладок та в результатах пошуку. Це один із перших візуальних елементів, які бачить користувач — тому варто подбати про його якість та відповідність візуальній ідентичності бренду.
Які розміри favicon потрібні?
Сучасні браузери та пристрої вимагають кількох розмірів іконок. Базові — 16×16 px (класична вкладка) та 32×32 px (екрани Retina). Пристрої Apple вимагають іконку 180×180 px (apple-touch-icon), а Android Chrome потребує іконки 192×192 px та 512×512 px для домашнього екрану та splash екрану PWA.
Що таке site.webmanifest?
Файл site.webmanifest — це файл JSON, який інформує браузер про ваш веб-застосунок — він містить назву, кольори теми та шляхи до іконок. Він необхідний для Progressive Web Apps (PWA) та покращує відображення іконки на пристроях з Android.
Як користуватися цим інструментом?
Завантажте будь-яке зображення (бажано квадратне, у форматі PNG з прозорістю), і інструмент автоматично згенерує всі потрібні розміри. За бажанням можете додати колір фону та заокруглити кути. Завантажте готовий пакет ZIP та завантажте файли в кореневий каталог вашого сайту.
