Come usare Generatore di favicon
- 1
Scegli una sorgente
Carica un logo o un'immagine fino a 25 MB, scrivi da una a tre lettere in uno degli 11 font oppure scegli un'emoji.
- 2
Disegna l'icona
Scegli una delle 12 opzioni di forma, da nessuna o un semplice quadrato fino al biscotto o al quadrifoglio, un colore di sfondo o la trasparenza, il margine interno e il raggio degli angoli.
- 3
Controlla ogni dimensione
Guarda l'anteprima dell'icona da 16 a 192 pixel, nelle schede del browser chiare e scure e dentro l'area sicura maskable di Android.
- 4
Scarica e installa
Salva favicon.zip, decomprimilo nella cartella del tuo sito e incolla l'HTML generato nell'head della pagina.
Limiti e Pro
Set di icone illimitati da testo o emoji; immagini sorgente fino a 25 MB, una alla volta. Ogni set contiene 10 file.
Pro porta il limite di caricamento per le immagini dei logo a 4 GB. Scopri Pro
Informazioni su Generatore di favicon
Il generatore di favicon crea da un solo disegno l'insieme completo di icone di cui ha bisogno un sito moderno. Lo ZIP contiene favicon.ico con immagini da 16, 32 e 48 pixel, PNG separati da 16, 32 e 48 pixel, un apple-touch-icon da 180 pixel con sfondo opaco (iOS aggiunge da sé gli angoli arrotondati), icone Android Chrome da 192 e 512 pixel, un'icona maskable da 512 pixel il cui contenuto resta dentro l'area sicura dell'80%, un file site.webmanifest con nome dell'app, nome breve e colore del tema, e uno snippet HTML pronto da incollare con i tag link e theme-color. Tutti i PNG sono ottimizzati senza perdita di qualità.
Le immagini caricate vengono ridotte con un filtro Lanczos, così un logo grande resta nitido anche a 16 pixel, mentre un logo SVG viene prima disegnato a 1.024 pixel. Le icone di testo usano il font che scegli e le emoji il font Noto Color Emoji, quindi il risultato è uguale su qualsiasi sistema. Se le icone non stanno nella radice del sito, scrivi la cartella, per esempio /icons/, e i percorsi dello snippet e del manifest si adeguano.
Gli usi tipici sono un nuovo sito o blog, una web app che le persone installano nella schermata iniziale, una dashboard interna che deve distinguersi tra le schede del browser o un'icona provvisoria per un progetto personale. A 16 pixel i dettagli fini e le parole lunghe spariscono, perciò funzionano meglio forme semplici e una o due lettere. Lo strumento non ospita i file né modifica il tuo sito: li carichi tu.
Privacy
Le icone vengono disegnate su canvas in questa scheda e codificate dal codec PNG WebAssembly del sito in un Web Worker, quindi un logo caricato non lascia mai il tuo dispositivo. Se scegli uno dei font di Google o la sorgente emoji, il browser scarica quel font da Google Fonts quando inizi a modificare: la richiesta indica il font, mai il tuo testo, e al caricamento della pagina non viene scaricato nulla.
Funzionalità
Set di icone completo
ICO, PNG in varie dimensioni, Apple touch icon, icone Android e maskable e un web manifest in un solo ZIP.
Immagine, testo o emoji
Usa il tuo logo, da una a tre lettere in 11 font o qualsiasi emoji come sorgente.
Forme espressive
Quadrato, arrotondato, cerchio e otto forme Material, con controlli per margine interno e raggio degli angoli.
HTML pronto da incollare
Tag link, colore del tema e percorsi del manifest vengono generati per la cartella che scegli.