Создавайте файлы favicon в нескольких размерах (от 16x16 до 512x512) из любого изображения. Бесплатно и работает прямо в браузере.
Поддерживает PNG, JPG, SVG, WebP. Не более 10 МБ.
Фавикон — это небольшой значок, который появляется на вкладках браузера, в закладках и списках истории. Исходный значок — ICO-файл 16×16 на сайте /favicon.ico — превратился в сложный набор значков разных размеров для разных платформ: 16×16 и 32×32 для вкладок браузера, 180×180 для домашних экранов iOS, 192×192 и 512×512 для Android и различные размеры для плиток Windows. Создание всего этого из одного исходного изображения — это то, что делает современный генератор значков.
Этот инструмент берет одно исходное изображение с высоким разрешением (обычно квадратный логотип) и генерирует полный набор ресурсов значков, а также теги ссылок HTML, необходимые для ссылки на них. Выходные данные включают ICO, несколько PNG-файлов и файл манифеста.json для метаданных прогрессивного веб-приложения. Поместите полученные файлы в корень вашего сайта и ссылайтесь на них через сгенерированный HTML.
Вся обработка происходит в вашем браузере. Нет загрузки, нет вызова API, нет ограничения скорости. Вывод работает во всех современных браузерах и операционных системах, которые отображают значки.
Сайты без значков выглядят незавершенными. На вкладках браузера отображается общий значок; закладки не имеют визуального идентификатора; сайт выглядит менее профессиональным. Добавление правильного набора значков — это простой и эффективный шаг доработки, который сигнализирует о внимании к деталям.
Современные требования к значкам вышли за рамки /favicon.ico. Значки главного экрана iOS, значки Android Chrome, значки плиток Windows и варианты темного режима используют разные файлы. Создание их всех из одного источника обеспечивает единообразный брендинг без необходимости обработки каждого файла вручную.
Загрузите исходное изображение и получите полный набор значков.
Полный современный набор значков: favicon.ico (множественное разрешение 16+32+48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png. Плюс site.webmanifest для PWA, Browserconfig.xml для Windows.
Каждый PNG генерируется путем понижения разрешения исходного изображения на основе холста. ICO создается на JavaScript путем объединения версий 32.16.48 в формат ICO с несколькими разрешениями с использованием записи DataView.
Теги ссылок HTML ссылаются на каждый файл с соответствующими атрибутами rel и size. Генератор создает их как готовый к копированию фрагмент для <head> вашего сайта.