Генератор фавиконок
Создайте фавиконку из букв, эмодзи или изображения: favicon.ico с несколькими размерами, PNG 16–512 px, Apple touch icon, манифест и теги link. В браузере.
До 3 символов, например «A», «AK» или «🚀».
Что такое Генератор фавиконок?
Создайте полный набор фавиконок для сайта из букв или эмодзи (с вашими цветами и формой) либо из изображения. Вы получите многоразмерный favicon.ico (16, 32 и 48 px), PNG-иконки 16, 32, 48, 180 (Apple touch icon), 192 и 512 px, файл site.webmanifest и HTML-теги <link> для вставки в <head>.
Как пользоваться Генератор фавиконок
- Выберите Источник: Текст или эмодзи либо Изображение (лучше всего подходит квадратное).
- Задайте Форма, Фон и Цвет текста, а также Название приложения (для manifest).
- Нажмите Скачать favicon.ico и скачайте нужные PNG-файлы из предпросмотров.
- Скопируйте HTML для <head> и site.webmanifest и положите все файлы в корневую папку сайта.
Пример
Text "A", Rounded, Background #4f46e5
<link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Плюс favicon.ico (16, 32, 48 px) и шесть PNG-файлов.
Когда использовать Генератор фавиконок
Используйте для новых сайтов, личных проектов, внутренних инструментов и сайтов документации. Если у вас детализированный логотип, подготовьте упрощённые версии для 16 и 32 px, потому что мелкие детали на таких размерах пропадают. Дополнительно используйте SVG-фавиконку, если нужна чёткая иконка, подстраивающаяся под тёмную тему.
Как работает Генератор фавиконок
Каждый размер рисуется на отдельном canvas: форма заливается цветом фона, до трёх символов центрируются и масштабируются под размер иконки, либо изображение обрезается по центру до квадрата и масштабируется с качественным сглаживанием. Каждый canvas экспортируется в PNG. Файл .ico собирается побайтово: 6-байтовый заголовок ICONDIR, по одной 16-байтовой записи каталога на размер (ширина, высота, 32 бита на пиксель, размер и смещение данных) и встроенные после них изображения PNG — формат PNG-in-ICO, который поддерживают все современные браузеры и Windows Vista и новее. Apple touch icon размером 180 px всегда квадратный и непрозрачный, потому что iOS скругляет углы сама.
Распространенные Случаи Использования
- Создание фавиконки из буквы или эмодзи для личного проекта за секунды
- Генерация всех размеров иконок из квадратного логотипа
- Добавление Apple touch icon и веб-манифеста для установки на домашний экран
- Создание настоящего многоразмерного favicon.ico для старых браузеров
Часто Задаваемые Вопросы
Нужен ли favicon.ico до сих пор?
Браузеры автоматически запрашивают /favicon.ico, а некоторые инструменты и RSS-читалки смотрят только там, поэтому его по-прежнему стоит предоставлять вместе с PNG-иконками.
Почему моя фавиконка не обновляется?
Браузеры агрессивно кешируют фавиконки. Выполните жёсткое обновление, откройте URL иконки напрямую или добавьте версию в строку запроса тегов link.
Загружается ли моё изображение?
Нет. Все иконки и файл .ico создаются в вашем браузере.