Рендерится локально в вашем браузере — ваше изображение никогда не загружается на сервер.
Исходное изображение меньше 256 px — при увеличении результат может быть размытым.
Исходное изображение не квадратное — оно будет обрезано по центру до квадрата.
Об этом инструменте
Favicon — это маленький значок, который браузер показывает во вкладках, закладках и истории; современные сайты поставляют набор размеров, чтобы он оставался чётким от вкладки 16×16 до экрана установки PWA 512×512. Этот генератор берёт одно исходное изображение (PNG, JPG, SVG или WebP), центрированно обрезает его до квадрата и отрисовывает стандартные размеры — 16, 32 и 48 для favicon.ico, 180 для значка Apple touch и 192 и 512 для значков Android/manifest. Всё работает на <canvas> в вашем браузере, а .ico собирается путём встраивания маленьких PNG прямо в контейнер Windows ICONDIR, который читает любой современный браузер и ОС.
Используйте его, чтобы заложить набор favicon для нового проекта, обновить значок после ребрендинга или получить именно те файлы, которые запрашивает аудит Lighthouse или PWA. Загрузите квадратный логотип, по вкусу включите скруглённые углы или прозрачные отступы, затем скачайте favicon.ico, каждый PNG и вставьте готовые теги <link> вместе с блоком значков site.webmanifest в ваш <head>.
Файл .ico встраивает настоящие PNG (PNG-in-ICO), которые читает любой современный браузер — поместите его в корень вашего сайта по адресу /favicon.ico.
Часто задаваемые вопросы
Изображение какого размера загружать для favicon?
Загрузите квадратное изображение не менее 512×512 px, чтобы самые крупные выходные данные оставались чёткими. Меньшие источники масштабируются вверх и могут выглядеть размытыми, а неквадратные изображения центрированно обрезаются до квадрата перед отрисовкой.
Нужен ли мне всё ещё файл favicon.ico?
Да — favicon.ico в корне вашего сайта — это запасной вариант, который браузеры и краулеры запрашивают автоматически, и некоторые устаревшие контексты ищут только его. Этот инструмент создаёт его со встроенными кадрами 16, 32 и 48 px, наряду с современными PNG-значками, на которые ссылаются теги <link>.
Почему генератор favicon создаёт несколько размеров PNG?
Разные поверхности запрашивают разные размеры: 16/32 px для вкладок браузера, 180 px для значка Apple touch на главных экранах iOS и 192/512 px для значков manifest Android и PWA. Поставка их всех позволяет каждой платформе выбрать ближайшее соответствие вместо масштабирования одного изображения.