Как эти PNG-favicon-совместимые браузеры определяют, какой favicon следует использовать?Firefox и Safari будут использовать значок, который будет последним.Chrome для Mac будет использовать любой значок, отформатированный в формате ICO, в противном случае - значок 32 × 32.Chrome для Windows будет использовать значок, который стоит первым, если он равен 16 × 16, в противном случае - ICO.Если ни один из вышеупомянутых вариантов недоступен, оба Chromes будут использовать любой значок, который будет первым, в противоположность Firefox и Safari.Действительно, Chrome для Mac будет игнорировать значок 16 × 16 и использовать версию 32 × 32, только для того, чтобы уменьшить его до 16 × 16 на устройствах без сетчатки.Opera, не желая принимать сторону, будет выбирать любую из доступных иконок в случайном порядке.Мне нравится, что Opera делает это.
И это только начало.Теперь пришло время узнать о предостережениях Internet Explorer.
Хотя IE8-10 будет отображать значок при первой загрузке страницы, IE7 будет пропускать первую загрузку и отображать значок при повторных посещениях.Что еще хуже, IE6 будет отображать значок только после того, как сайт был добавлен в закладки и снова открыт в браузере.IE6 также удаляет значок всякий раз, когда кэш браузера очищается, и он не будет отображать значок снова, пока сайт не будет перемаркирован или пока значок не будет перезагружен.Если IE6 и favicons много значат для вас, вы можете принудительно выполнить перезагрузку с помощью небольшого фрагмента JavaScript, желательно в условном комментарии.
<!-- I "support" IE6 -->
<!--[if IE 6]><script>(new Image).src="path/to/favicon.ico"</script><![endif]-->