Come funzionano i formati favicon
Capire il funzionamento interno di ogni formato aiuta a risolvere l'inevitabile problema "la mia favicon non si vede".
Il contenitore .ico
Un file .ico è composto da un header seguito da una o più entry immagine. Ogni entry può essere BMP o PNG, con propri valori di larghezza, altezza e profondità di bit.
I browser leggono la directory, selezionano l'entry che corrisponde alla dimensione richiesta e decodificano solo quella.
PNG dentro .ico
Per le dimensioni da 64×64 in su, la compressione PNG riduce il peso del file di 5-10× senza perdita visiva. I generatori moderni (il nostro incluso) lo fanno in automatico.
Favicon SVG
Una favicon SVG è un normale file SVG. I browser la renderizzano come qualsiasi altro SVG, e il blocco <style> può adattare i colori in base a prefers-color-scheme.
Come scelgono i browser
Se pubblichi più tag <link rel="icon">, i browser scelgono quello che si adatta meglio alla superficie (scheda, segnalibro, installazione). SVG ha la priorità dove supportato; .ico è il fallback.