Nowoczesne przeglądarki ułatwiają dostosowywanie niektórych składników, takich jak ikony, kolor paska adresu, a nawet dodawanie niestandardowych kafelków. Te proste poprawki mogą zwiększyć zaangażowanie i przywrócić użytkowników do Twojej witryny.
Nowe rekomendacje dla rozmiaru favicony od Google: 192x192px
Favicon to Ikona, która może pojawiać się w wielu miejscach, w tym na karcie przeglądarki, w ostatnim przełączniku aplikacji, na nowej karcie (lub ostatnio odwiedzanej) i wielu innych.
Zapewnienie wysokiej jakości obrazu sprawi, że Twoja strona stanie się bardziej rozpoznawalna, co ułatwi użytkownikom znalezienie Twojej witryny.
Wzorcowo powinno wyglądać to tak:
<!-- icon in the highest resolution we need it for --> <link rel="icon" sizes="192x192" href="icon.png"> <!-- reuse same icon for Safari --> <link rel="apple-touch-icon" href="ios-icon.png"> <!-- multiple icons for IE --> <meta name="msapplication-square310x310logo" content="icon_largetile.png">
Więcej informacji na stronie dla web developerów:
192px? Ja mam wszędzie 16px, chociaż na blogerze musiałem dodać 32px. Po co taki wielki obraz jak wyświetla zawsze mały kwadracik. Przecież przy tak wielokrotnym zmniejszeniu chyba się zniekształci?
Teraz to favicon jest tym bardziej istotny, że pojawia się w wynikach wyszukiwania na urządzeniach mobilnych.
Musimy tu też mieć na względzie ekrany typu Retina itp.
Na stronie dałem rozmiar ikonki 120 px to była za mała na telewizorze i się rozmywała. Faktycznie jak doda się taką 500 px to wtedy jest ostra na każdym urządzeniu. No i jak ktoś dodaje stronę do socialnych mediów a brak na niej obrazka to jest brana wtedy ta ikona jak jest odpowiednio duża.