Генератор favicon
Загрузите квадратное изображение — получите все размеры favicon, которые ожидают современные браузеры и устройства, плюс точный HTML-код для вставки в `<head>` сайта.
Как пользоваться
Загрузите квадратное исходное изображение, желательно от 512×512px и больше, чтобы маленькие размеры оставались чёткими. Нажмите «Сгенерировать» — получите шесть PNG нужных размеров (16, 32, 48, 180, 192, 512px) для вкладок браузера, закладок и иконок на главном экране iOS и Android.
Скачайте каждый размер по отдельности и разместите в корне сайта (или там, куда ссылается ваша сборка), затем вставьте сгенерированные теги `<link>` в `<head>` HTML — не придётся гадать, какие размеры реально запрашивают браузеры.
Частые вопросы
Какие размеры favicon реально нужны?
16×16 и 32×32 — вкладки браузера и закладки; 48×48 — используется в некоторых старых сценариях Windows; 180×180 — размер Apple touch-icon для главного экрана iOS; 192×192 и 512×512 — для главного экрана Android и PWA-манифестов. Этот инструмент генерирует все шесть из одного исходного изображения.
Почему мой favicon выглядит размытым?
Обычно потому, что исходное изображение было меньше целевого размера и было растянуто, либо неквадратное изображение исказилось при сжатии. Начните с квадратного изображения от 512×512px, чтобы каждый сгенерированный размер был чистым уменьшением, а не увеличением.
Обязательно ли нужен именно файл .ico?
Нет — современные браузеры полностью поддерживают PNG-favicon, объявленные через `<link rel="icon" type="image/png">`, именно их генерирует этот инструмент. Старый формат `.ico` нужен только для очень старых браузеров, которые большинство сайтов уже не поддерживают.
Моё изображение загружается на сервер?
Нет — всё изменение размера происходит локально в браузере через Canvas API. Изображение никогда не покидает ваше устройство.