Генератор
favicon
Одна картинка на входе — готовый набор на выходе: ico для корня
сайта, PNG всех нужных размеров, значок для iOS и манифест.
Плюс строки для вставки в head, чтобы не искать их по статьям.
Нужно уменьшить саму картинку? Изменить размер
Почему одного файла давно не хватает
Когда-то значок сайта был один: favicon.ico размером 16 пикселей в корне сайта. Сегодня его запрашивают в семи местах и в разных видах. Вкладка на обычном экране берёт 16, на чётком — 32. Ярлык Windows — 48. Домашний экран Android — 192, заставка при запуске — 512. iOS — 180, причём обязательно без прозрачности.
Последнее — самая частая беда. Если отдать iOS значок с прозрачным фоном, система подставит под него чёрный, и тёмный логотип на нём просто исчезнет. Поэтому здесь под значок для iOS заливка ставится всегда, даже если для остальных размеров выбрана прозрачность.
Файл favicon.ico при этом никуда не делся и по-прежнему нужен. Старые браузеры и поисковые роботы запрашивают его по адресу в корне сайта, не читая разметку вовсе. Внутри него лежат сразу три размера — 16, 32 и 48, — потому что ico это контейнер, а не картинка.
- Шесть размеров, ico с тремя внутри и манифест
- Готовые строки для вставки в head — пять, а не двадцать
- Отступ и скругление с живым превью
- Картинка вписывается целиком — логотип не обрезается
- Ничего не загружается на сервер, всё считается в браузере