Generatore favicon

Si consiglia un'immagine PNG quadrata (256×256px o più grande). Lo strumento ridimensiona automaticamente a tutte le dimensioni necessarie.

L'Apple Touch Icon è l'icona visualizzata quando aggiungi un sito web alla schermata iniziale sui dispositivi iOS. La dimensione standard è 180×180px PNG.

I browser trattengono le favicon per moltissimo tempo e un normale ricaricamento raramente le sposta. Verifica digitando l'indirizzo del file dell'icona direttamente nella barra degli indirizzi: se lì compare l'immagine nuova, forza il ricaricamento o apri la pagina in una finestra privata. Per essere certo che tutti i visitatori vedano il cambio, la via affidabile è rinominare il file — per esempio favicon-v2.png — e aggiornare di conseguenza il tag link.

Un'icona tracciata solo con linee nere sparisce quasi del tutto su una barra delle schede scura. Invece di lasciare lo sfondo trasparente, stendi un cerchio o un quadrato nel colore del marchio e posa la forma sopra: così la sagoma regge sia nel tema chiaro sia in quello scuro. Una favicon SVG può persino cambiare colore con una media query in modalità scura, ma affiancale un PNG per i browser che non lo supportano.