В коде favicon-а нету а ico на вкладке есть. Это как так?

Question

[Илья лук]

Вот в гугле хроме. фотка изinstagram.

Мало того что в иконке в коде про favicon пусто а тут каким то образом facebook вылез.
А в мазиле просто уменьшенная фотка.

Разве так должно быть?

Answer 1

[Евгений Вольф]

Разве так должно быть?

Вообще нет, но не забывайте, что это хром... А хром делает запрос файла "favicon.ico" не зависимо от того, есть ли он в коде страницы или нет (для хрома это мало интересный факт). В следствии чего, при отсутствии в коде ссылки на "фавикон", хром пытается скачать её самостоятельно из корня папки/сайта, что собственно и произошло в Вашем случае, в чем можно убедиться пройдя по ссылке.

P.S. Что на этом сайте в корне забыла иконка фейсбука - понятия не имею.

Answer 2

[Влад]

1. Если в коде нету ссылки на favicon - браузер ищет в корне сайта
2. Просто это CDN фейсбука, отсюда и их иконка

Answer 3

[Максим]

есть же - https://www.instagram.com/static/images/ico/apple-...

Comments

[Илья лук]

Файл есть. А тега который говорит браузеру где этот файл лежит и как его отображать нету.

[Максим]

вот , я же говорю есть

<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/static/images/ico/apple-touch-icon-76x76-precomposed.png/932e4d9af891.png">
                <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/static/images/ico/apple-touch-icon-120x120-precomposed.png/004705c9353f.png">
                <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/static/images/ico/apple-touch-icon-152x152-precomposed.png/82467bc9bcce.png">
                <link rel="apple-touch-icon-precomposed" sizes="167x167" href="/static/images/ico/apple-touch-icon-167x167-precomposed.png/515cb4eeeeee.png">
                <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/static/images/ico/apple-touch-icon-180x180-precomposed.png/94fd767f257b.png">
                <link rel="icon" sizes="192x192" href="/static/images/ico/favicon-192.png/b407fa101800.png">
            
            <link rel="mask-icon" href="/static/images/ico/favicon.svg/9d8680ab8a3c.svg" color="#262626"><link rel="shortcut icon" type="image/x-icon" href="/static/images/ico/favicon.ico/dfa85bb1fd63.ico">

[Илья лук]

Максим Ленский: Стоп стоп стоп вы какую ссылку смотрите?

[Максим]

Илья лук: ну вы же дали ссылку -- вот её я открыл ... все пути до фавикон есть

Answer 4

[Site Developer]

Если в хедере документа не прописана фавикона, то современные браузеры берут её из корня по имени favicon.ico.
Древние браузеры ТОЛЬКО из корня брали.

https://ru.wikipedia.org/wiki/Favicon