Генератор 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», это сокращение для квадратной иконки; неопознанные записи отбрасываются, а не отклоняются. Включите список файлов, и вывод заканчивается комментарием со всеми упоминаемыми путями по порядку — это список файлов для загрузки.