FAQ sulle favicon
Cos’è una favicon?
Una favicon è la piccola immagine quadrata che identifica un sito Web nelle schede del browser, nei segnalibri, nella cronologia e in alcuni risultati di ricerca.
La definizione breve
favicon è l'abbreviazione di icona preferita. È la piccola immagine che un browser associa a un sito Web e utilizza come scorciatoia visiva quando lo spazio è limitato.
Una favicon non sostituisce il logo mostrato nell'intestazione di una pagina. Ti aiuta a individuare il sito giusto tra le schede aperte, i segnalibri salvati e le voci della cronologia del browser.
Dove appare un favicon
- Accanto al titolo della pagina in una scheda del browser
- Accanto alle pagine salvate nei segnalibri e nei preferiti
- Nella cronologia del browser e nella ricerca nelle schede
- Accanto ad alcuni risultati di ricerca organici
- Nelle scorciatoie quando un sito fornisce le icone della piattaforma richieste
Come un sito web imposta la sua favicon
Un sito normalmente dichiara l'icona nel documento <head> con un elemento di collegamento. I browser possono anche cercare /favicon.ico nella radice del sito quando non è presente alcun collegamento di icone.
<link rel="icon" href="/favicon.ico" />La maggior parte dei siti pubblica più di un file in modo che browser, schermi ad alta densità, scorciatoie iOS e app Web installate possano selezionare una dimensione appropriata.
Cosa fa funzionare bene una favicon
Inizia con una grafica quadrata, rimuovi il testo piccolo e i dettagli sottili e provalo a 16x16 e 32x32 pixel. Una lettera, un simbolo o una parte semplificata del logo solitamente sopravvive alla riduzione meglio di un marchio denominativo completo.
Per una guida più approfondita, leggi Cos'è un favicon (English). Puoi anche rivedere la definizione relativa al browser nel file Glossario MDN favicon.
Pronto a creare la tua favicon?
Genera i file comuni e uno snippet HTML pronto da incollare.