Персонализированный значок рядом с URL-адресом в адресной строке браузера?

StackOverflow https://stackoverflow.com/questions/10072

  •  08-06-2019
  •  | 
  •  

Вопрос

Как мне написать код, чтобы значок компании отображался слева рядом с URL-адресом в адресной строке браузера?

Это было полезно?

Решение

Вы ищете Фавикон.

Другие советы

он загружает www.whateveryouron.com/favicon.ico

Если ваш домен — robermyers.com, просто поместите доступный значок favicon.ico размером 16 пикселей, и вы будете как кремень.просто попробуй это гуглы или переполнение стека

Вам нужно создать фавикон.Фавикон использует стандартный (по крайней мере, в Windows) файл .ico.Если у вас есть логотип, вы можете преобразовать его на таких сайтах, как http://www.favicongenerator.com/

в <head> вашей html-страницы используйте <link> тег для определения местоположения значка следующим образом:

<link type="image/x-icon" rel="shortcut icon" href="favicon.ico" />

Возможно, вам придется обновить страницу, чтобы значок отобразился.

загрузить файл на веб-сервере с именем favicon.ico

В современных браузерах также работают другие форматы файлов, кроме .ico.Вы даже можете поместить туда анимированные GIF-изображения!

У DynamicDrive также есть простой инструмент для создания значков..

Разные страницы/каталоги также могут вызывать разные .ico с кодом, похожим на пример y0mbo (это то, что использует Mint):

<link href="sc/ph645.43/images/icons/mint.ico" rel="icon" type="text/x-icon" />

Этот это хорошая статья о значках в деталях.

Я подозреваю, что анимированные значки могут пойти по пути мигающего тега. Мятный использует их, чтобы соответствовать их общему дизайну, если вы посетите FF3, вы увидите, что он соответствует зеленому цвету, который FF использует для обозначения признанного сертификата SSL.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top