Najlepsze rozmiary Favicon dla stron internetowych
W Internecie można znaleźć dziesiątki rekomendacji. Oto minimalny zestaw, który faktycznie obejmuje 100% użytkowników.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Czego żądają przeglądarki
Przeglądarki komputerowe żądają wymiarów 16×16 (karta), 32×32 (pasek zakładek) i 48×48 (wyniki wyszukiwania). Cała trójka żyje szczęśliwie w jednym pliku .ico.
Czego wymagają systemy operacyjne
Windows Menu Start i Eksplorator plików mogą zażądać rozmiaru do 256×256. macOS woli .icns, ale akceptuje .ico. Pakiet 16, 32, 48, 64, 128, 256 w Twojej .ico, aby pokryć wszystko.
Jakie żądania PWA i urządzenia mobilnego
Dodaj 180 × 180 (apple-touch-icon) i 192 × 192 + 512 × 512 PNG (manifest sieciowy), aby uzyskać czystą instalację na ekranie głównym.
Minimalny możliwy zestaw
Wiele rozmiarów favicon.ico + apple-touch-icon.png (180×180) + 512×512 PNG w Twoim manifeście. To wszystko.
FAQ
What is the best favicon size for websites?
Ship a multi-size favicon.ico with 16, 32, 48, 64, 128, and 256 pixels. Add 180×180 for Apple and 192/512 PNGs for PWAs.
What favicon size do browsers use in tabs?
Desktop browsers typically request 16×16 for tabs, 32×32 for bookmark bars, and 48×48 for some search results.
What is the minimum favicon setup?
A multi-size favicon.ico plus apple-touch-icon.png (180×180) and a 512×512 PNG in your web manifest.
Do I need a 256×256 favicon?
Yes for Windows shortcuts and high-DPI surfaces. Bundle it inside your .ico file.