Генератор HTML для favicon
Створюйте всі теги favicon для браузерів, телефонів та PWA додатків. Генератор підтримує іконки, маски та кольори теми.
Генератор HTML для favicon
Фавікон — це не один файл: вкладка браузера хоче .ico, домашній екран телефона хоче apple-touch-icon розміром 180x180, закріплена вкладка Safari хоче одноколірну SVG маску, а запрошення на встановлення PWA читає значки, вказані в маніфесті. Цей інструмент генерує точні теги <link> та <meta> для всіх них із базового шляху та набору розмірів іконок, тому ви копіюєте один блок у <head> замість того, щоб збирати його з п'яти різних специфікацій.
Установіть базовий шлях туди, де будуть знаходитися файли іконок — у корінь або в підпапку, наприклад /icons/ — і кожен href будується відносно нього. Переключайте ICO, PNG та SVG незалежно один від одного: PNG також додає apple-touch-icon розміром 180x180, який очікує Apple, а SVG додає mask-icon, колір якого береться з вашого світлого theme-color (або темного, якщо світлий не встановлений). Світлий та темний theme-color кожен створює окремий тег <meta name="theme-color"> із запитом prefers-color-scheme, тому хром браузера відповідає сторінці в будь-якому режимі.
Поле розмірів приймає список, розділений комами або переводом рядка — «16x16, 32x32, 192x192» — і просте число, наприклад «48», це скорочення для квадратної іконки; невизнані записи відкидаються, а не відхиляються. Включіть список файлів, і вивід закінчується коментарем зі всіма згаданими шляхами по порядку — це список файлів для завантаження.