Генератор favicon
Превратите любое изображение в полный набор favicon: .ico, PNG разных размеров, Apple touch icon и web manifest, прямо в браузере.
Похожие инструменты
Как использовать Генератор favicon
- 01
Загрузите квадратное изображение. Простой логотип или иконка подойдут лучше всего, обработка происходит прямо в браузере.
- 02
По желанию выберите цвет фона и введите название сайта для web manifest.
- 03
Скачайте ZIP и вставьте HTML-сниппет в раздел head страницы.
Что такое фавикон
Фавикон это маленький значок, который показывается на вкладках браузера, в закладках и на домашних экранах телефонов. Это мелкая деталь, которая делает сайт завершённым и узнаваемым, и современные браузеры ожидают сразу несколько его версий.
Почему одного изображения недостаточно
В этом и загвоздка: одного изображения больше недостаточно. Нужен многоразмерный .ico для классических браузеров, отдельные размеры PNG, значок Apple touch для домашних экранов iOS, более крупные PNG для Android и веб-манифест, если сайт должен устанавливаться.
Этот генератор собирает весь набор из одного изображения, включая настоящий многоразмерный .ico, и выдаёт точный фрагмент HTML для вставки в шапку страницы, чтобы вам не приходилось ничего собирать или писать вручную.
Какое изображение загружать
Для лучшего результата загрузите квадратное изображение размером не менее 512 пикселей, желательно простой логотип или знак, а не детальную фотографию, поскольку значок часто показывается очень мелко. Неквадратное изображение центрируется и дополняется до квадрата, поэтому детали у краёв могут оказаться в полях.
Цвет фона и название сайта
При желании вы можете задать цвет фона и название сайта. Название попадает в веб-манифест, который используется, когда кто-то добавляет сайт на домашний экран.
Работает в вашем браузере
Всё выполняется локально в вашем браузере через Canvas API, поэтому ваше изображение никогда не загружается на сервер. Вы скачиваете ZIP со всеми файлами и фрагментом для вставки.
Часто задаваемые вопросы
Что входит в пакет favicon?
favicon.ico с размерами 16, 32 и 48 px, отдельные PNG 16 и 32 px, Apple touch icon 180 px, PNG 192 и 512 px для Android, файл site.webmanifest и HTML-сниппет для вставки в head страницы.
Какое изображение лучше загружать?
Лучше всего подходит квадратное изображение размером не менее 512 px, желательно простой логотип или знак. Неквадратное изображение будет центрировано и дополнено до квадрата, поэтому детали у краёв могут попасть в зону отступов.
Загружаются ли мои изображения на сервер?
Нет. Иконки генерируются в браузере с помощью Canvas API, поэтому изображение никогда не покидает ваше устройство.