Сделать Favicon для сайта онлайн

Сосредоточьтесь на разработке сайта, а создание кроссплатформенных и кроссбраузерных иконок доверьте нашему инструменту

Что такое favicon

Favicon – это значок веб-сайта, который отображается поисковыми системами Яндекс и Google или в открытой вкладке вашего браузера. Рекомендуемое расширение иконки .ico, но современные технологии позволяют использовать для иконок и другие расширения. Отсутствие иконки сайта является пусть и не грубой, но технической ошибкой сайта, и негативно сказывается на узнаваемости бренда и снижает CTR (click-through rate — показатель кликабельности) поисковых сниппетов в выдаче, ухудшает поиск веб-ресурса по закладкам браузера и др.

Выделяйтесь среди остальных

Каждый владелец веб-ресурса хотел бы, чтобы его страница была заметна даже среди десятка вкладок. Но прежде, чем до нее доберется пользователь, обратить внимание должны поисковые системы. Обе задачи решает favicon – «иконка для избранного», отображаемая в адресной строке. Она повышает частоту выдачи и кликабельность сниппетов: боты Яндекса специально индексируют ее, чтобы проверить, насколько сайт оптимизирован. А кроме того, ее наличие влияет на узнаваемость бренда: читатель никогда не спутает любимый источник информации, стриминг или маркетплейс с прочими закладками в браузере.

Чтобы получить оригинальный знак отличия, не обязательно обращаться к профессионалам.

Как создать favicon

Чтобы сгенерировать фавиконку для вашего сайта, выполните простые действия:

Загрузка

Загрузите изображение, с которым предстоит работать

Обработка

Дождитесь обработки картинки

Результат

Насладитесь полученным результатом

Файлы фавиконок создаются всех необходимых размеров для всех браузеров, платформ и приложений:

	apple-icon	favicon	ms-icon	pwa
57x57	✓
60x60	✓
72x72	✓			✓
76x76	✓
114x114	✓
120x120	✓
144x144	✓		✓	✓
152x152	✓			✓
180x180	✓
16x16		✓
32x32		✓
96x96		✓		✓
128x128				✓
192x192		✓		✓
384x384				✓
512x512				✓
70x70			✓
150x150			✓
310x310			✓

Требования к favicon

Как и для большинства современных интернет - технологий, для favicon существует ряд требований и рекомендаций, без которого он не будет корректно отображатся в результатах выдачи и в вашем браузере

Для пользователей Android и браузера Google рекомендуется выбирать изображения для генерации favicon размером более 192х192 пикселей в формате .png.
IOS и браузер Safari для корректного отображения фавиконки, требует формировать для этого изображение под названием apple touch icon. Это значок для сайта с высоким разрешением и размерами до 180х180px. Благодаря этому, пользователи IOS смогут добавлять сайт на главный экран, после чего иконка сайта будет выглядеть как полноценное приложение.
При отображении в safari на MacOS дела обстоят иначе. Чтобы ваш логотип корректно отображался в браузере, необходимо избегать различные тени и эффекты. Иконка должна быть четкой и плоской.

Вопросы и ответы

Инструмент служит для того, чтобы разместить favicon на вашем сайте. Он генерирует всё необходимое, чтобы ваш логотип показывался на всех браузерах всех платформ.

Для этого нужно загрузить ваш логотип (желательно использовать формат PNG с прозрачным фоном) и при необходимости подрегулировать настройки, затем скачать ZIP-архив с файлами.

В скачанном ZIP-архиве содержатся все файлы иконок разных размеров, HTML-код для размещения на вашем сайте, конфигурационные файлы для приложений и подробная инструкция с описанием того, что со всеми этими файлами нужно делать.

Иконки никак не влияют на SEO и отношение поисковиков к сайту, но могут косвенно повлиять на трафик и кликабельность сниппета за счет того, что ссылка в выдаче становится чуть привлекательнее.

Индексация фавиконов в Яндексе занимает от недели до месяца. В выдаче Google фавиконок нет.

Проверить, как поисковые боты видят фавиконку, можно с помощью URL: Яндекс — https://favicon.yandex.net/favicon/имя_домена, Google — https://www.google.com/s2/favicons?domain=имя_домена

Спасибо за обратную связь!

Мы обязательно вышлем ответ на указанную почту.

Обратная связь

Оставьте сообщение и мы обязательно вам ответим!

Сообщение *

Имя

E-mail *

Я даю согласие на обработку персональных данных в соответствии с политикой конфиденциальности.

Отправить

Поддержите нас!

Мы рады, что вы пользуетесь нашим сервисом!
Чтобы отблагодарить нас за бесплатные инструменты — отключите блокировщик рекламы на сайте или сделайте пожертвование! Это очень поможет развитию наших проектов!
Спасибо :)

99₽