Откуда получается favicon Хабрахабара и других «подобных» сайтов?

Question

[Dimka5]

Нужно получить URL favicon'ки, любой(habrahabr.ru/post/260777/) но лучше всего той что отображается во вкладке браузера, но на некоторых сайтах в html коде её нет. Например у Хабара только одна строчка в head относящаяся к иконке.

<link href="/images/apple-touch-icon_142x142.png" rel="apple-touch-icon" type="image/png">

Причем это совсем не та иконка что отображается во вкладке браузера(ясно что она тоже могла бы подхватится). Тогда откуда она берётся? Инструменты разработчика Chrome и Firefox не помогли(может я плохо искал), смотрел код, запросы и javascript(вдруг там Shadow DOM). Она спрятана в том же png для apple?(а так можно? =) ) Может это особое взаимодействие со стороны сервера?

Answer 1

[nelson]

Файл favicon.ico в корне сайта.
Например: habrahabr.ru/favicon.ico

Comments

[Dimka5]

Спасибо стало понятнее откуда её взять(в принципе так всегда и было), но всё равно не понятно почему нигде её не видно, ни в запросах, ни в коде, что и где происходит? браузер делает это в фоне? где можно почитать про этот механизм или что это?

[D']

Dimka5: браузер по дефолту запрашивает favicon.ico, даже если его не просят об этом. Смотрите вклдаку network

[Александр]

Dimka5: в запросах не видно, потому что браузер её кэширует. В коде они обычно указываются тэгом

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

Если его нет - браузер пытается достучаться до варианта по умолчанию - /favicon.ico

[Dimka5]

Точно она оказалась в кэше, но и после его чистки, иконки всё равно нигде не видно(во вкладке network) даже при первом запросе. Всем спасибо =)