Generatore di favicon – ICO, PNG e manifest

Scegli il tuo logo; tutte le icone per la scheda del browser, la schermata Home del telefono e Android, più site.webmanifest, vengono preparate in uno ZIP. L'immagine non lascia il dispositivo.

PNG diventa ICO
Fino a ⁦10 MB⁩
Senza registrazione
Funziona sul tuo dispositivo

36 Generatore di favicon

01 Scegli
02 Elabora
03 Scarica

Elaborato sul tuo dispositivo · nessun caricamento

PNG

File scelto

Dimensione: Pronto

Stato in tempo reale

Lettura del file

Risultato

Fatto.

0file nello ZIP

0 BI tuoi dati inviati al nostro server: 0 byte · elaborato sul tuo dispositivoPerché 0: la regola di sicurezza di questa pagina blocca l'invio di dati già nel browser; tutto avviene in questa scheda. CSP · connect-src 'none' · form-action 'none'

Conversione non riuscita.

Sfondo

Trasparente Colore

Forma

Quadrata Arrotondata Cerchio

Margine Nome dell'app (manifest)

I dettagli molto fini possono sparire a 16 pixel; un segno semplice si legge meglio in piccolo.

L'elaborazione avviene in questa scheda, sul tuo dispositivo.
ICO, PNG, manifest e righe HTML arrivano in uno ZIP.
Nessun file viene inviato al nostro server; chiudendo la scheda si cancella tutto.

Prima scegli un logo

Fasi

Lettura del file
Disegno delle icone
Preparazione del file

E adesso?

Ridimensiona un'immagineJPGKB

Il file resta sul tuo dispositivo
Nessun caricamento sul server
Gratis, senza registrazione

Di quali file favicon ha bisogno un sito?

La favicon è la piccola icona accanto al nome di un sito nella scheda del browser, nei preferiti e nei risultati di ricerca. Un solo file non basta: i browser vecchi e nuovi cercano favicon.ico, iPhone e iPad un apple-touch-icon da 180 pixel quando il sito viene aggiunto alla schermata Home, Android e le web app installabili icone da 192 e 512 pixel e un file site.webmanifest.

Le dimensioni piccole sono le più difficili: un logo ridotto a 16 pixel può sfocarsi o perdere i dettagli fini. Sulla schermata Home dell'iPhone le aree trasparenti appaiono nere, quindi l'apple-touch-icon ha bisogno di uno sfondo pieno.

Questo strumento disegna il logo (PNG, SVG, JPG o WEBP) una volta a 1024 pixel e lo dimezza a passi fino a ogni dimensione, così le icone piccole restano nitide. Puoi scegliere colore di sfondo, margine e forma quadrata, arrotondata o circolare e vedere il risultato in un'anteprima di scheda e di schermata Home. favicon.ico, i PNG, site.webmanifest e le righe HTML per la tua pagina arrivano in uno ZIP. L'immagine viene elaborata nel browser.

Creare un set di favicon in 3 passaggi

Scegli il logo: Seleziona un PNG, SVG, JPG o WEBP quadrato o quasi (fino a 10 MB). Il risultato migliore lo dà un SVG o un PNG di almeno 512 pixel.
Regola l'aspetto: Lascia lo sfondo trasparente o scegli un colore; imposta margine e forma (quadrata, arrotondata, cerchio). Le anteprime si aggiornano subito.
Scarica lo ZIP: «Crea il set di favicon» ti dà tutti i file in uno ZIP. Caricali nella cartella principale del sito e incolla le righe HTML nel <head> della pagina.

A chi serve

Siti e blog: Preparare l'icona di schede e preferiti per un nuovo sito.
Negozi online: Portare il logo del negozio alle dimensioni per scheda, risultati di ricerca e schermata Home.
Web app: Generare le icone da 192 e 512 pixel e il manifest di una web app installabile (PWA).
Agenzie e designer: Consegnare in pochi minuti un set di favicon completo dal logo di un cliente.
Sviluppatori: Avere pronti i file e le righe del <head> per un progetto.
Pagine personali: Dare a un portfolio o a un sito CV un'icona con le proprie iniziali.

Dimensioni, qualità e limiti

File generati: favicon.ico (16, 32 e 48 pixel), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 pixel), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest e le righe HTML. Se fornisci un SVG si aggiunge anche favicon.svg.
Nitidezza: L'immagine viene disegnata prima a 1024 pixel e poi dimezzata passo dopo passo; così le icone piccole sono più nitide che con un unico salto. Le linee molto sottili possono comunque sparire a 16 pixel; un segno semplice si legge meglio a quella dimensione.
Trasparenza: PNG e ICO mantengono la trasparenza. L'apple-touch-icon è sempre opaco per non apparire nero sull'iPhone: senza colore di sfondo si usa il bianco.
Immagine di partenza: Le immagini non quadrate vengono centrate senza ritagli. Con immagini sotto i 256 pixel le icone grandi possono risultare sfocate; lo strumento te lo dice.
Formato ICO: Le immagini dentro l'ICO sono salvate come PNG, un formato letto da tutti i browser attuali e da Windows da Vista in poi.
Privacy e limiti: L'immagine può pesare fino a 10 MB. Il tuo logo non viene caricato né salvato; tutti i file vengono creati nel browser.

Privacy ed eliminazione automatica

Questo strumento non invia il tuo file al nostro server: tutta l'elaborazione avviene nel tuo browser, sul tuo dispositivo. La pagina viene servita con una politica di sicurezza (Content-Security-Policy) che impedisce tecnicamente di inviare altrove il contenuto del file; su questa pagina non girano script di analisi o di pubblicità.

Anche il file risultante viene creato sul tuo dispositivo e lo scarichi solo tu. Viene cancellato dalla memoria del browser quando chiudi la scheda o scegli «Nuovo file». Il nostro server non conserva alcuna traccia del nome o del contenuto del file.

Leggi l'Informativa sulla privacy per i dettagli

Domande frequenti

Che dimensioni deve avere una favicon?

16 e 32 pixel per schede e preferiti (più 48 dentro favicon.ico), un apple-touch-icon da 180 pixel per la schermata Home dell'iPhone e 192 e 512 pixel per Android e le web app installabili. Lo strumento le crea tutte insieme.

Come aggiungo la favicon al mio sito?

Carica i file dello ZIP nella cartella principale del sito (subito sotto il dominio) e incolla le righe HTML dello strumento nel <head> della pagina. In sistemi come WordPress basta caricare il PNG da 512 pixel come «Icona del sito».

Si può fare una favicon da un logo SVG?

Sì, e l'SVG dà il risultato migliore: ogni dimensione viene disegnata dal vettore. Lo strumento aggiunge anche favicon.svg, che i browser compatibili mostrano nitida su ogni schermo.

Perché sull'iPhone la mia icona ha lo sfondo nero?

iOS non supporta la trasparenza nelle icone della schermata Home e mostra le aree trasparenti in nero. Per questo lo strumento crea l'apple-touch-icon sempre opaco, con il bianco se non scegli uno sfondo. Se vuoi, scegli un colore del tuo marchio.

L'ho cambiata, ma il browser mostra ancora la vecchia icona. Perché?

I browser tengono la favicon in cache a lungo. Forza il ricaricamento (Ctrl+F5, Cmd+Maiusc+R su Mac), apri la pagina in una finestra privata o aggiungi qualcosa come ?v=2 al nome del file nella riga HTML.

Il mio logo viene caricato su un server?

No. L'immagine viene disegnata nel browser e tutti i file nascono lì; la pagina arriva con una regola di sicurezza che blocca tecnicamente i collegamenti verso l'esterno. Puoi usarlo anche per un marchio non ancora pubblico.