Generatore di favicon
Trasforma una sola immagine in tutte le icone che servono al tuo sito: un favicon.ico a più dimensioni, le favicon PNG, l'icona Apple touch, le icone Android/Chrome e un web manifest — il tutto in un unico ZIP da scaricare, con l'HTML pronto da incollare. Tutto avviene nel tuo browser, così la tua grafica non viene mai caricata.
Come generare una favicon
- Aggiungi qui sopra il tuo logo o la tua grafica — l'ideale è un PNG o SVG quadrato.
- Scegli come rendere quadrate le immagini che non lo sono e imposta un colore di sfondo, poi controlla le anteprime a 16, 32 e 48 pixel.
- Scarica lo ZIP, copia i file nella cartella principale del tuo sito e incolla lo snippet HTML nel tuo <head>.
Informazioni sulle favicon
La favicon è la piccola icona che i browser mostrano nelle schede, nei preferiti, nella cronologia e nei risultati di ricerca. I siti moderni la richiedono in più dimensioni e formati: un classico .ico per le schede e i browser datati, PNG per gli schermi ad alta densità, un'icona Apple touch da 180×180 per la schermata Home di iOS e icone da 192/512 pixel richiamate dal web manifest per Android e le installazioni PWA.
Questo generatore scrive il file .ico come vera icona a più dimensioni (16, 32 e 48 pixel in un unico file, salvate come voci BMP classiche per la massima compatibilità) e riduce la tua immagine per passaggi che preservano la qualità, così resta nitida anche a 16 pixel. Il site.webmanifest e lo snippet HTML inclusi seguono i nomi di file che ogni browser e crawler si aspetta.
Domande frequenti
Quali file contiene il pacchetto?
favicon.ico con all'interno le dimensioni da 16, 32 e 48 pixel, favicon-16x16.png e favicon-32x32.png, apple-touch-icon.png (180×180), le icone android-chrome a 192×192 e 512×512 e un site.webmanifest — più uno snippet HTML da copiare e incollare che li collega tutti.
Da quale immagine conviene partire?
Un'immagine quadrata di almeno 512×512 pixel dà i risultati migliori. Se la tua non è quadrata, puoi ritagliarla in quadrato oppure adattarla con dei margini — le anteprime dal vivo mostrano esattamente come apparirà a 16, 32 e 48 pixel.
Perché l'icona Apple touch non è trasparente?
iOS mostra le aree trasparenti come nere, quindi l'icona Apple touch viene appiattita sul colore di sfondo che scegli. Tutte le altre icone mantengono la trasparenza della tua immagine.
La mia immagine viene caricata su un server?
No. Le icone vengono ridimensionate, inserite nel contenitore .ico e compresse in ZIP interamente nel tuo browser; la tua immagine non lascia mai il tuo dispositivo.