Создать фавикон для сайта

Сделайте favicon из обычной картинки: загрузите изображение (JPG, PNG, GIF, SVG) — генератор уменьшит его и соберёт favicon.ico, а также PNG 32×32 и 180×180 для разных устройств. Всё происходит прямо в браузере: картинка не загружается на сервер. Лучше всего смотрятся простые изображения с узнаваемым символом и чётким контуром.

🖼️

Нажмите или перетащите картинку сюда
JPG, PNG, GIF, SVG — квадратная подойдёт лучше всего

16×16
32×32
48×48
180×180
превью фавиконаВаш сайт
во вкладке браузера
Подключите в <head> страницы:
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Что такое favicon и зачем он нужен

Favicon (фавикон) — это маленькая иконка сайта, которая показывается во вкладке браузера, в закладках и рядом со ссылкой в результатах поиска Яндекса. Она работает на узнаваемость: пользователю проще найти ваш сайт среди десятка открытых вкладок и выделить его в выдаче. Наш генератор создаёт фавикон из обычной картинки прямо в браузере — изображение не отправляется на сервер, что безопасно и быстро.

Как создать и установить фавикон

Загрузите картинку с хорошо узнаваемым элементом и чётким контуром (логотип, буква, простой символ). Инструмент уменьшит её до нужных размеров и соберёт файл favicon.ico (с версиями 16, 32 и 48 px внутри), а также отдельные PNG 32×32 и 180×180. Скачайте файлы, положите favicon.ico в корень сайта и подключите в разделе <head> строками, показанными под превью.

Почему фавикон важен для SEO и доверия

Яндекс рекомендует устанавливать фавикон и показывает его в выдаче — сайт с иконкой выглядит солиднее и собирает больше кликов, а кликабельность (CTR) влияет на поведенческие факторы. Отсутствие фавикона воспринимается как признак заброшенного или непрофессионального ресурса. Это мелочь, которая бесплатно повышает узнаваемость бренда и доверие посетителей.

Советы

Делайте иконку простой и контрастной — в маленьком размере мелкие детали теряются. Используйте фирменные цвета бренда (подобрать поможет подбор цвета). После установки запросите переобход главной страницы в Яндекс.Вебмастере, чтобы иконка быстрее появилась в поиске.

Частые вопросы

Что такое favicon?
Маленькая иконка сайта, которая показывается во вкладке браузера, в закладках и иногда в поисковой выдаче рядом со ссылкой.
Как сделать favicon для сайта?
Загрузите картинку — генератор создаст иконку нужного формата (favicon.ico и др.). Её кладут в корень сайта и подключают в коде страницы.

Похожие инструменты