ICO kontra PNG dla Favicons
ICO jest uniwersalny, ale stary; PNG jest nowoczesny, ale wymaga wyraźnego powiązania. Oto jak używać obu razem.
ICO: uniwersalne rozwiązanie awaryjne
Każda przeglądarka komputerowa pobiera /favicon.ico bez robienia czegokolwiek. Jest to kontener, który może pomieścić wiele rozdzielczości.
Skróty Windows i Eksplorator plików opierają się na .ico, więc nawet jeśli nie interesują Cię ikony ulubionych stron internetowych, wyślij je dla systemu operacyjnego.
PNG: doskonała jakość pikseli przy dowolnej gęstości
PNG renderuje się wyraźnie na wyświetlaczach o wysokiej rozdzielczości, jeśli połączysz go za pomocą <link rel="icon" size="...">.
Użyj rozmiarów 192×192 i 512×512 PNG dla manifestu internetowego oraz 180×180 dla apple-touch-icon.
Werdykt: użyj obu
Wyślij plik .ico o wielu rozmiarach, aby uzyskać uniwersalną obsługę, a także warianty PNG dla wyświetlaczy HD i monity instalacyjne PWA. Dodaj SVG na górze, aby uzyskać najostrzejszą skalowalną ikonę.