ICO vs PNG voor favicons
ICO is universeel maar gedateerd; PNG is modern maar vereist expliciete koppeling. Zo gebruik je beide samen.
4 min leestijd
ICO: de universele fallback
Elke desktopbrowser haalt /favicon.ico op zonder dat je iets hoeft te doen. Het is een container die meerdere resoluties kan bevatten.
Windows-snelkoppelingen en Verkenner vertrouwen op .ico — lever er dus altijd een, ook als je verder niet om web-favicons geeft.
PNG: pixelperfect bij elke dichtheid
PNG rendert scherp op hoge-DPI-schermen wanneer je het linkt met <link rel="icon" sizes="...">.
Gebruik 192×192 en 512×512 PNG's voor het web manifest, en 180×180 voor apple-touch-icon.
Conclusie: gebruik beide
Lever een multi-size .ico voor universele ondersteuning, plus PNG-varianten voor HD-schermen en PWA-installatieprompts. Voeg SVG toe bovenop voor het scherpste schaalbare icoon.