ICO vs PNG per i favicon
ICO è universale ma datato; PNG è moderno ma richiede un collegamento esplicito. Ecco come usarli insieme al meglio.
4 min di lettura
ICO: il fallback universale
Ogni browser desktop cerca /favicon.ico senza che tu faccia nulla. È un contenitore che può ospitare più risoluzioni.
I collegamenti Windows e Esplora file si basano su .ico, quindi anche se le favicon web non ti interessano, pubblicane uno per il sistema operativo.
PNG: pixel-perfect a qualsiasi densità
PNG offre una resa cristallina su display HiDPI quando lo colleghi con <link rel="icon" sizes="...">.
Usa PNG 192×192 e 512×512 per il web manifest, e 180×180 per l'apple-touch-icon.
Verdetto: usali entrambi
Pubblica un .ico multi-risoluzione per il supporto universale, più varianti PNG per display HD e prompt di installazione PWA. Aggiungi anche un SVG per l'icona vettoriale più nitida.