Generatore Set Favicon
Crea un set completo di favicon (16/32/48/180/192/512px) da testo o emoji. Rendering Canvas client-side, download singolo o di tutti i file.
Come utilizzare Generatore Set Favicon
Scegli testo o emoji come base del favicon
Seleziona la modalità "Testo" per inserire fino a 4 caratteri (es. iniziali del brand), oppure "Emoji" per usare un'emoji come icona.
Imposta colore di sfondo e colore del testo
Usa i selettori colore (o inserisci il codice esadecimale) per definire lo sfondo dell'icona e, in modalità testo, il colore dei caratteri.
Genera il set completo di favicon
Clicca "Genera favicon set" per creare via Canvas tutte le 6 dimensioni standard (16, 32, 48, 180, 192, 512 pixel) e visualizzarle in anteprima.
Scarica i PNG e copia i tag HTML
Scarica ogni PNG con il pulsante "Download" sotto la relativa anteprima, poi copia il blocco di tag HTML generato e incollalo nell'head della tua pagina dopo aver caricato i file con gli stessi nomi.
Suggerimenti
- Genera prima un'anteprima con poche dimensioni mentali: controlla come appare a 16x16 pixel, la dimensione più piccola e più difficile da leggere.
- Se il tuo sito ha già un manifest.json per la PWA, verifica che i percorsi delle icone 192x192 e 512x512 coincidano con quelli scaricati da questo tool.
- Preferisci colori solidi e contrasto elevato: dettagli sottili o sfumature si perdono facilmente nelle dimensioni più piccole del set.
Domande frequenti
Che differenza c'è tra questo tool e un semplice Favicon Generator?
Questo tool produce un set completo di 6 dimensioni in un'unica generazione (16, 32, 48, 180, 192, 512 pixel), incluso il formato 180x180 per l'apple-touch-icon di iOS, insieme al blocco di tag HTML pronto da incollare per tutte le dimensioni.
A cosa serve la dimensione 180x180?
È la dimensione richiesta da iOS per l'icona "aggiungi a schermata Home" (apple-touch-icon). Senza questo formato, Safari su iPhone/iPad genera automaticamente uno screenshot della pagina come icona, meno professionale del favicon personalizzato.
Le immagini generate vengono caricate su un server?
No, tutta la generazione avviene lato client tramite l'elemento canvas del browser. Testo, emoji e colori restano sul tuo dispositivo, e i file PNG vengono creati come data URL scaricabili direttamente, senza alcun upload.
Devo rinominare i file scaricati prima di caricarli?
No, i file vengono scaricati già con i nomi corretti (es. favicon-32x32.png, apple-touch-icon.png, android-chrome-512x512.png) che corrispondono esattamente ai riferimenti nel blocco di tag HTML generato: basta caricarli così come sono nella root del sito.
Posso usare più di 4 caratteri di testo?
Il campo testo è limitato a 4 caratteri perché a dimensioni ridotte (16x16, 32x32 pixel) un testo più lungo risulterebbe illeggibile. Per loghi complessi, valuta un editor immagini dedicato invece della generazione da testo.