Rozmiary favicona w 2026: których naprawdę potrzebujesz
Nie potrzebujesz dwudziestu plików favicona. Oto nieliczne rozmiary, których faktycznie używają przeglądarki, telefony i wyszukiwarki, i jak zrobić je z jednego obrazu.
Poradniki o faviconach często dają listę dwudziestu plików. W praktyce kilka rozmiarów pokrywa wszystkie przeglądarki, telefony i wyniki wyszukiwania, które się liczą. Oto wersja odchudzona.
Rozmiary warte posiadania
- 16×16 i 32×32: klasyczna ikona karty i zakładki.
- 180×180: Apple touch icon, gdy ktoś zapisze Twoją stronę na ekranie głównym iPhone'a.
- 192×192 i 512×512: ikony Androida/PWA i źródło zaproszenia do instalacji.
Co ważniejsze od rozmiaru
Favicon jest maleńki, więc szczegóły znikają. Użyj prostego, mocnego znaku — litery, symbolu, wyrazistego kształtu — a nie całego logo z drobnym tekstem. Sprawdź przy 16 px: jeśli nie da się rozpoznać, uprość.
Zrób z jednego obrazu
Nie rób ręcznie. Zacznij od kwadratowego obrazu w wysokiej rozdzielczości (512 px lub więcej) i wygeneruj cały zestaw naraz. Nasz generator favicona tworzy wszystkie te rozmiary z jednego przesłania, gotowe dla strony, przetwarzane w przeglądarce.
Dodaj znaczniki <link rel="icon"> i apple-touch-icon, a Twoja strona będzie schludna w kartach, zakładkach i na ekranie głównym.