Сделать 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 дела обстоят иначе. Чтобы ваш логотип корректно отображался в браузере, необходимо избегать различные тени и эффекты. Иконка должна быть четкой и плоской.
Вопросы и ответы
Спасибо за обратную связь!
Мы обязательно вышлем ответ на указанную почту.Обратная связь
Оставьте сообщение и мы обязательно вам ответим!
Пожертвования
Благодарим вас за выбор нашего сервиса! Пожалуйста, поддержите нас, отключив блокировщик рекламы или сделав пожертвование. Каждый рубль помогает нам развивать наши проекты.
- Ether: 0x2764e55bbbc6e60fa0678da98aae46635e850bdc
- Bitcoin cash: qzm2pkf9sdzc0lpe39lgh42u2gc52majqcnxc0uz8j
Если у вас есть желание сделать добровольное пожертвование, но возникли трудности или вопросы - переходите по этой ссылке где есть подробная инструкция, или напишите нам на почту support@img-webcalypt.ru
*При нажатии или сканировании, вы просто перейдете на страницу оплаты.