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.
What are the 16, 32, 48 and 180 pixel sizes for?
The 16 is the favicon of the browser tab, the 32 serves high density screens and bookmarks, the 48 desktop shortcuts on Windows, and the 180 is the iOS icon.
How do I put the favicon on a site?
The PNG files go in the site folder, and in the head you add a link rel="icon" for each size, plus a link rel="apple-touch-icon" for the 180 pixel one. The code is ready to copy.
Is the image uploaded to a server?
No. It is read and resized inside the browser with a canvas element, so it never leaves the device. The PNG files you download are created locally too, without passing through us.