Generatore di favicon
Indichi un'immagine o una lettera; scarichi favicon.ico, PNG, icona Apple e tag head in ZIP.
Strumento
La favicon è la piccola icona che rappresenta il suo sito nella scheda del browser, tra i segnalibri e nella schermata iniziale del telefono. Lei carica un'immagine PNG, JPG, WebP o SVG, oppure disegna un'icona con una o due lettere o un'emoji, scegliendo sfondo, colore del testo, raggio degli angoli e spessore. Produce un favicon.ico da 16, 32 e 48 pixel, PNG da 16 e 32 pixel, un apple-touch-icon da 180, icone Android da 192 e 512, un'icona mascherabile da 512 e un site.webmanifest.
Se l'immagine non è quadrata, sceglie tra centrare e ritagliare, oppure adattare e riempire il resto con il colore di sfondo. L'anteprima mostra l'icona su sfondi di scheda chiaro e scuro e su una schermata iniziale. Lo strumento fornisce anche i tag da inserire nell'head e il testo del manifest in riquadri copiabili. Può scaricare ogni file o tutto in un unico ZIP. Nell'icona mascherabile il contenuto viene ridotto in un'area sicura, così il ritaglio dei bordi non lo taglia.
Se l'originale è più piccolo di 512 pixel, le dimensioni grandi risulteranno sfocate e lo strumento lo segnala. Un logo molto dettagliato non si legge a 16 pixel; una forma semplice o una sola lettera funziona meglio a quella dimensione. I browser tengono le favicon in cache, quindi la nuova icona può comparire con ritardo dopo la pubblicazione. Lo strumento produce i file; inserirli nel sito e controllare indirizzi e percorsi spetta a lei o al suo sviluppatore.
Domande frequenti
Quali file e dimensioni produce?
Il favicon.ico contiene immagini da 16, 32 e 48 pixel. Ottiene inoltre favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180), android-chrome-192x192.png, android-chrome-512x512.png, un'icona mascherabile da 512 e site.webmanifest.
L'immagine che carico viene inviata da qualche parte?
No. L'immagine viene elaborata solo nel suo browser; non viene inviata in rete né conservata. Chiudendo la pagina si perdono l'immagine e i file generati, quindi scarichi prima lo ZIP.
Quanto deve essere grande l'immagine di partenza?
Per un buon risultato usi un'immagine quadrata di almeno 512 pixel. Se è più piccola, le dimensioni grandi risultano sfocate e lo strumento la avvisa. Un SVG non ha problemi di dimensione.
Perché il mio sito mostra ancora la vecchia favicon?
I browser tengono le favicon in cache, quindi la modifica può non vedersi subito. Provi un ricaricamento forzato oppure chiuda e riapra la scheda, e controlli i nomi dei file e i percorsi nei tag head.
