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

Сделать 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=имя_домена

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

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

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

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

Отправить

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

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

Если у вас есть желание сделать добровольное пожертвование, но возникли трудности или вопросы - переходите по этой ссылке где есть подробная инструкция, или напишите нам на почту support@img-webcalypt.ru

*При нажатии или сканировании, вы просто перейдете на страницу оплаты.
  • Ether: 0x2764e55bbbc6e60fa0678da98aae46635e850bdc
  • Bitcoin cash: qzm2pkf9sdzc0lpe39lgh42u2gc52majqcnxc0uz8j