Crea favicon
Carica un'immagine (meglio se quadrata) e ottieni il file favicon.ico e i PNG nelle misure giuste per il tuo sito, 16, 32, 48 e 180 pixel, più lo snippet HTML pronto da incollare.
PNG, JPG, WebP o SVG, l'ideale è un quadrato di almeno 180×180 pixel
Quali misure di favicon servono davvero
Le quattro misure generate coprono i casi reali: 16×16 è l'icona classica nella scheda del browser, 32×32 serve per gli schermi ad alta densità e i segnalibri, 48×48 è la dimensione che Google preferisce per mostrare l'icona nei risultati di ricerca, e 180×180 è l'apple-touch-icon che compare quando qualcuno aggiunge il tuo sito alla home di iPhone e iPad. I file vanno caricati nella radice del sito (o nella cartella indicata negli href dello snippet).
Il file favicon.ico tiene insieme le misure da 16, 32 e 48 pixel: è quello che i browser vanno a cercare da soli nella radice del sito quando una pagina non indica nessuna icona, quindi conviene caricarlo anche se usi lo snippet. Se carichi un SVG, ogni misura viene disegnata dal disegno vettoriale, nitida anche a 180 pixel.
Consigli per una favicon che si legge bene
A 16 pixel i dettagli spariscono: funzionano meglio un simbolo semplice, una lettera o una forma piena con buon contrasto, mentre testi lunghi e foto diventano illeggibili. Se l'immagine caricata non è quadrata, il tool la ritaglia automaticamente al centro prendendo la porzione quadrata più grande, così l'icona non risulta mai schiacciata o deformata.