Генератор favicon для сайтов: создание иконок онлайн
Загрузите PNG или SVG-файл — получите готовые иконки всех размеров для сайта, PWA и Apple Touch Icon.
Нажмите для выбора файла или перетащите сюда
PNG или SVG, минимум 16×16 пикселей
Предпросмотр иконок
Скачать
Добавьте в <head> вашего сайта:
ИИ-аудит Analito проверяет технические ошибки, мета-теги, скорость и индексацию — за 2 минуты, с конкретными рекомендациями.
Что такое favicon и зачем он нужен
Favicon — это маленькая иконка сайта, которая отображается во вкладке браузера, в закладках, на домашнем экране смартфона и в поисковой выдаче. Корректно настроенный favicon улучшает узнаваемость сайта и является одним из технических требований для полноценной индексации.
Какие размеры favicon нужны
Современный сайт должен иметь набор иконок: 16×16 и 32×32 — для браузеров (favicon.ico), 180×180 — Apple Touch Icon для iOS, 192×192 и 512×512 — для Android и PWA. Наш генератор создаёт все необходимые размеры из одного исходного файла.
Как сделать favicon из логотипа
Чтобы иконка хорошо читалась даже в крошечном размере вкладки, исходное изображение должно быть квадратным, с простым узнаваемым символом и без мелких деталей: тонкие линии и текст на 16×16 пикселей сливаются в пятно. Загрузите логотип или фирменный знак в формате PNG или SVG размером от 512×512 — онлайн-генератор favicon сам уменьшит картинку до всех нужных размеров и покажет предпросмотр каждого варианта. Так вы сразу увидите, как иконка сайта будет выглядеть во вкладке браузера, в закладках и на домашнем экране смартфона, и при необходимости поменяете исходник.
Favicon, PWA и установка на смартфон
Набор иконок важен не только для вкладки браузера. Apple Touch Icon (180×180) отвечает за внешний вид ярлыка при добавлении сайта на главный экран iPhone и iPad, а иконки 192×192 и 512×512 используются прогрессивными веб-приложениями (PWA) и Android при установке сайта как приложения. Если эти размеры не заданы, система подставляет уменьшенный скриншот страницы — и ярлык выглядит неаккуратно. Сгенерируйте полный комплект иконок и подключите их через готовый код в секции head, чтобы сайт корректно отображался на всех устройствах и в результатах поиска.
Частые вопросы
Какой формат лучше использовать — PNG или SVG?
Для логотипов с чёткими краями и без градиентов лучше подойдёт SVG — он масштабируется без потери качества. Для фотографий или иконок с градиентами используйте PNG размером не менее 512×512 пикселей.
Нужен ли файл favicon.ico?
favicon.ico поддерживается всеми браузерами и до сих пор является стандартом. Для полной совместимости рекомендуется иметь как favicon.ico (содержит 16×16 и 32×32), так и отдельные PNG-файлы для мобильных устройств.
Какие размеры иконок нужны для сайта?
Базовый набор такой: 16×16 и 32×32 — для вкладок браузера, 180×180 — Apple Touch Icon для iOS, 192×192 и 512×512 — для Android и PWA. Генератор создаёт все эти размеры из одного исходного файла и показывает предпросмотр каждого, чтобы вы видели результат до скачивания.
Почему favicon не отображается в браузере и выдаче?
Чаще всего причина в кэше браузера или в неправильном пути к файлу. Обновите страницу с очисткой кэша и убедитесь, что иконка реально доступна по адресу из HTML-кода. В поисковой выдаче favicon появляется не сразу — только после того, как робот заново обойдёт страницу.
Как подключить favicon на сайте?
Скопируйте HTML-код из инструмента и вставьте его в секцию <head> всех страниц сайта. Файлы иконок нужно разместить в корне сайта или по указанным путям.
Каким должно быть исходное изображение?
Лучше всего квадратная картинка с простым узнаваемым символом и без мелких деталей: на размере 16×16 тонкие линии и текст сливаются. Оптимальный исходник — логотип или фирменный знак на прозрачном либо однотонном фоне размером от 512×512 пикселей.
Безопасно ли загружать логотип в генератор?
Да. Изображение обрабатывается прямо в браузере через canvas — файл не загружается на сервер и нигде не сохраняется. Все размеры иконок создаются локально на вашем устройстве, поэтому можно спокойно загружать ещё не опубликованный логотип.
ИИ проверит 50+ параметров: SEO, скорость, юзабилити, контент. Конкурентный анализ и план действий.