Rozmiary favikon, których faktycznie potrzebują przeglądarki i urządzenia

Favikona kiedyś oznaczała jeden mały obrazek 16×16. Teraz karta przeglądarki, skrót na ekranie głównym telefonu, pasek zakładek i ikona dotykowa Apple każdy oczekuje własnego rozmiaru, a dostarczenie tylko jednego pozostawia niektóre z tych kontekstów albo rozmazane, albo pokazujące ogólną zastępczą ikonę zamiast twojej.

Dlaczego jeden rozmiar nie wystarcza

Ikona 16×16 powiększona, żeby wypełnić miejsce na ikonę ekranu głównego o rozmiarze 180×180, wygląda dokładnie tak samo pikselowo jak każdy mały obraz rozciągnięty do dużego rozmiaru — nie ma sposobu, żeby dodać szczegół, którego nie było w źródle. Każdy kontekst, w którym pojawia się favikona, ma swoją oczekiwaną rozdzielczość, a nowoczesna praktyka polega na dostarczaniu zestawu rozmiarów zamiast polegania na przeglądarce, która źle powiększy jeden mały plik.

Rozmiary, które warto objąć

• 16×16 i 32×32 — klasyczne rozmiary favikony, używane w kartach przeglądarki i listach zakładek w większości przeglądarek na komputery.
• 180×180 — rozmiar oczekiwany przez Apple dla ikony ekranu głównego, gdy strona jest dodawana do ekranu głównego iPhone'a lub iPada.
• 192×192 i 512×512 — używane przez Androida i przez manifesty aplikacji internetowych dla ikon ekranu głównego i ekranów powitalnych w instalowalnych aplikacjach internetowych.

Zachowanie czytelności projektu przy 16px

Generator favikon bierze jeden obraz źródłowy i tworzy naraz cały zestaw standardowych rozmiarów, całkowicie w twojej przeglądarce — ale żaden generator nie może naprawić projektu, który od początku nie działa w małych rozmiarach. Drobne szczegóły, cienkie linie i mały tekst całkowicie znikają przy 16×16; prosty, gruby kształt lub litera, która pozostaje rozpoznawalna po zmniejszeniu, to to, co naprawdę czyta się wyraźnie w karcie przeglądarki, niezależnie od tego, ile rozmiarów z niej wygenerowano.