Отображение favicon.ico
-
Приветствую.
Может кто подскажет. Использую на сайте favicon.ico собранный из трех размеров 48, 32, 16 пикселей, также подгружается и favicon.png размером 16 пикселей (остальные изображения 192, 256, 180 и т.д. так же подгружаются). Фавикон в панеле закладок используется размером 16, все корректно, а вот на табе вкладки отображается 32 пикселя с ресайзом до 16. Именно из favicon.ico размером 32. Определил точно.
Может я как то не правильно собираю ico? Хотя использовал Axialis IconWorkshop и онлайн генераторы. Проблема в том, что иконка специально подготовлена под размер 16 пикселей и я бы хотел ее видеть во вкладке, а не размытый ресайз от 32 пикселей.
Проверил на основных браузерах, везде корректно отображается. -
Интересно, если favicon.ico кинуть в корень без явного определения в link то браузеры подхватывают по разному. Но у меня мультисайтинг, в корень нельзя. Как бы там не было, вот такая схема
<link rel="apple-touch-icon" sizes="180x180" href="{{ theme_url }}/images/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="16x16" href="{{ theme_url }}/images/favicons/favicon.png"> <link rel="manifest" href="{{ theme_url }}/images/favicons/site.webmanifest"> <link rel="mask-icon" href="{{ theme_url }}/images/favicons/safari-pinned-tab.svg" color="#249af3"> <link rel="shortcut icon" sizes="16x16 32x32 48x48" href="{{ theme_url }}/images/favicons/favicon.ico?v=40"> <link rel="yandex-tableau-widget" href="{{ theme_url }}/images/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#f5f5f5"> <meta name="msapplication-config" content="{{ theme_url }}/images/favicons/browserconfig.xml"> <meta name="theme-color" content="#f5f5f5">
отлично отрабатывает во всех браузерах кроме Vivaldi. Он упорно подгружает в таб вкладки .ico с размером 48 (даже не 32, уточнил). Клиенты не используют Vivaldi, но мне надо между табами открытых своих сайтов ориентироваться.
-
Вот Google Chrome 79.0.3945.130 и Microsoft Edge 79.0.309.71 отображают тоже .ico но все нормально именно размером 16 пикселей.