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.
À quoi servent les tailles 16, 32, 48 et 180 pixels ?
La 16 est la favicon de l'onglet du navigateur, la 32 sert aux écrans haute densité et aux favoris, la 48 aux raccourcis du bureau sous Windows, et la 180 est l'icône iOS.
Comment met-on la favicon sur un site ?
Les fichiers PNG vont dans le dossier du site, et dans la balise head on ajoute un link rel=icon pour chaque taille, plus un link rel=apple-touch-icon pour celle de 180 pixels. Le code est prêt à copier.
L'image est-elle téléversée sur un serveur ?
Non. Elle est lue et redimensionnée dans le navigateur avec un élément canvas, donc elle ne quitte jamais l'appareil. Les PNG téléchargés sont eux aussi créés en local, sans passer par nous.