Generatore Favicon
Clicca una dimensione per scaricarla
Domande Frequenti
Tutto quello che devi sapere sulle favicon
A cosa servono le dimensioni 16, 32, 48 e 180 pixel?
16x16 e la classica favicon della scheda del browser; 32x32 e usata su schermi ad alta densita e nella barra dei preferiti; 48x48 e comune per i collegamenti sul desktop di Windows; 180x180 e l'apple-touch-icon usata quando si aggiunge il sito alla schermata Home su iPhone e iPad. Avere piu dimensioni garantisce un aspetto nitido ovunque.
Come inserisco la favicon nel mio sito?
Carica i file PNG scaricati nella cartella del tuo sito e aggiungi nel tag <head> le righe: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> e <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png">. Puoi ripetere il tag icon per ogni dimensione che desideri servire.
La mia immagine viene caricata su un server?
No. L'immagine viene letta e ridimensionata interamente nel tuo browser usando un elemento canvas: non lascia mai il tuo dispositivo. Anche i file PNG scaricati vengono generati localmente. La tua privacy e garantita per design.
A cosa servono le misure 16, 32, 48 e 180 pixel?
La 16 è la favicon della scheda del browser, la 32 serve agli schermi ad alta densità e ai preferiti, la 48 ai collegamenti sul desktop di Windows e la 180 è l'icona di iOS.
Come si mette la favicon nel sito?
I file PNG vanno nella cartella del sito e nella head si aggiunge un link rel="icon" per ogni misura, più un link rel="apple-touch-icon" per quella da 180 pixel. Il codice è già pronto da copiare.
La immagine viene caricata su un server?
No, viene letta e ridimensionata dentro il browser con un elemento canvas, quindi non lascia il dispositivo. Anche i PNG che si scaricano vengono creati in locale, senza passare da noi.