Генератор Favicon Онлайн
Создавайте favicon для сайта из изображения прямо в браузере — все форматы.
.jpg, .png, .webp · до 50 МБ
Зачем это нужно
Favicon для сайта: все форматы и размеры
Полный набор
ICO, PNG, SVG — все необходимые форматы и размеры в одном архиве.
Полная конфиденциальность
Генерация в браузере. Ваш логотип не передаётся на сервер.
Готовый HTML
Инструмент генерирует HTML-код тегов link для вставки в head вашего сайта.
Мгновенно
Пакет с файлами готов к скачиванию немедленно.
Как это работает
Три шага — никаких сложностей
Загрузите изображение
Выберите PNG или SVG с вашим логотипом или иконкой.
Выберите размеры
Инструмент генерирует все необходимые размеры: 16×16, 32×32, 48×48, 180×180 и другие.
Скачайте пакет
Получите архив со всеми файлами favicon и готовым HTML-кодом для вставки.
FAQ
Остались вопросы?
Минимальный набор: 16×16 и 32×32 (favicon.ico, классический браузерный favicon). Для современного веба также нужны: 180×180 (apple-touch-icon для iOS), 192×192 и 512×512 (PWA Web App Manifest), 96×96 (Google TV). Рекомендуется создавать все эти размеры из качественного исходника.
Формат ICO (контейнер с несколькими размерами) необходим для favicon.ico в корне сайта — его используют все браузеры и старые программы. PNG-версии нужны для apple-touch-icon и PWA-манифеста. SVG favicon поддерживается современными браузерами и идеально масштабируется, но не заменяет ICO для совместимости.
В теге <head> HTML: <link rel="icon" type="image/x-icon" href="/favicon.ico">, <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">, <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">. Инструмент генерирует готовый HTML-код для вставки.
Наличие favicon улучшает пользовательский опыт (отображается во вкладках браузера, закладках, результатах поиска) и косвенно влияет на SEO через CTR. Google официально не объявляет favicon фактором ранжирования, но отображает его в результатах поиска на мобильных устройствах.
Идеально — квадратный SVG или PNG размером не менее 512×512 пикселей с чётким, читаемым изображением. Избегайте мелких деталей: favicon 16×16 очень маленький, и сложный логотип на нём не читается.
Favicon: история, форматы и современные стандарты
Favicon (Favorites Icon) был введён Microsoft Internet Explorer 5 в 1999 году как иконка, отображаемая рядом с URL в адресной строке при добавлении сайта в Избранное. Первоначально браузер запрашивал /favicon.ico автоматически — этот запрос до сих пор делают все браузеры. Формат ICO — контейнер, содержащий несколько растровых изображений разного размера в одном файле.
Современные требования к favicon расширились: Apple ввела apple-touch-icon (180×180 PNG) для веб-клипов на iOS, W3C стандартизировал Web App Manifest для PWA с иконками 192×192 и 512×512, Chrome и Firefox поддерживают SVG favicon через link rel="icon" type="image/svg+xml". SVG обеспечивает идеальное масштабирование и поддержку тёмной темы через CSS media queries.
Google отображает favicon в результатах поиска на мобильных устройствах с 2019 года. Требования Google: квадратное изображение, кратное 48×48 пикселям, видимое на белом и тёмном фоне, без контента, нарушающего политику поиска. Отсутствие favicon или некорректный файл заменяется стандартным значком Globe.