Przy dwudziestu otwartych kartach z każdej witryny zostaje tylko ikona. Jeśli w tym miejscu jest szary globus albo nieczytelny skrawek logo, Twoja strona ginie wśród pozostałych.
Pełne logo z nazwą w kwadracie 16 × 16 px zamienia się w plamę. Dlatego do tej roli bierze się sygnet albo jedną literę z logotypu i dopracowuje pod mały rozmiar: grubsze linie, mniej szczegółów. Gdy znak ma kilka wersji na różne rozmiary, jak logo responsywne, favicon jest najmniejszą z nich.
Jak przygotować pliki
Jeden plik nie wystarczy. Przeglądarki biorą wersję ICO albo SVG, iPhone przy dodaniu strony do ekranu głównego używa apple-touch-icon, a Android ikon z manifestu. Sprawdź ikonę na jasnym i ciemnym pasku kart, bo ciemny znak na ciemnym tle znika. Favicon i jego wersje powinny trafić do księgi znaku razem z resztą plików logo.