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.
¿Para qué sirven los tamaños 16, 32, 48 y 180 píxeles?
El de 16 es el favicon de la pestaña del navegador, el de 32 sirve a las pantallas de alta densidad y a los favoritos, el de 48 a los accesos directos del escritorio en Windows, y el de 180 es el icono de iOS.
¿Cómo se pone el favicon en un sitio?
Los archivos PNG van en la carpeta del sitio, y en la etiqueta head se añade un link rel=icon por cada tamaño, más un link rel=apple-touch-icon para el de 180 píxeles. El código está listo para copiar.
¿La imagen se sube a un servidor?
No. Se lee y se redimensiona dentro del navegador con un elemento canvas, así que nunca sale del dispositivo. Los PNG que se descargan también se crean en local, sin pasar por nosotros.