Generatore di favicon — Da un'immagine a un pacchetto favicon completo
Trasforma qualsiasi logo in un pacchetto favicon completo (favicon.ico, tutte le dimensioni PNG, Apple touch icon e webmanifest) con un clic.
Trascina qui il tuo logo o fai clic per sceglierlo
PNG, JPG o WebP: il risultato migliore si ottiene con immagini quadrate da 512×512 in su. Tutto viene generato nel tuo browser; il tuo logo non lascia mai il dispositivo.
Hai trovato un problema o qualcosa che potrebbe andare meglio? Leggiamo ogni messaggio e sistemiamo le cose in fretta.
Carica il tuo logo una volta sola e scarica un pacchetto favicon completo di 27 file in un unico ZIP: un vero favicon.ico (con 16/32/48 incorporati), i PNG della favicon, tutte e nove le dimensioni dell'Apple touch icon (57–180px), sei icone Android (36–192px) con manifest.json, le icone per i riquadri Microsoft (70–310px) con browserconfig.xml, più i tag HTML esatti da incollare nell'head del tuo sito.
Come ogni strumento di questo sito, l'intero processo avviene nel browser: il logo viene ridimensionato, impacchettato in formato ICO e compresso in ZIP in locale. Non viene caricato nulla, quindi niente code, niente filigrane e nessun dubbio sulla privacy.
Come si usa
- Trascina il tuo logo: un PNG quadrato di 512×512 o più grande dà i risultati più nitidi (le immagini non quadrate vengono ritagliate al centro).
- Controlla l'anteprima in pixel: è esattamente come apparirà la tua icona in una scheda del browser a 16 e 32px. Se è impastata, semplifica il logo e riprova.
- Scarica il pacchetto completo come ZIP oppure prendi i singoli file.
- Estrai lo ZIP nella cartella principale del sito e incolla i tag HTML forniti nel tuo <head>.
Domande frequenti
Quali dimensioni di favicon servono a un sito web nel 2026?
Il minimo indispensabile è favicon.ico più i PNG da 16/32px e un'Apple touch icon da 180×180. Per la piena compatibilità con ogni browser, generazione di iOS, launcher Android e riquadro di Windows, il classico set completo va da 16px a 310px in 27 file, ed è esattamente ciò che questo generatore impacchetta, insieme ai file manifest.json e browserconfig.xml che li richiamano.
Il favicon.ico è un vero file ICO?
Sì, è un vero contenitore ICO con tre voci codificate in PNG (16, 32 e 48 pixel), il formato supportato da ogni browser moderno e da ogni versione di Windows. Non è un PNG rinominato.
Il mio logo viene caricato su un server?
No. Ridimensionamento, creazione dell'ICO e creazione dello ZIP avvengono tutti nel browser tramite l'API canvas. Il tuo logo non lascia mai il dispositivo, cosa importante quando si tratta di un brand non ancora lanciato o di un lavoro per un cliente.
Perché la mia favicon appare sfocata a 16px?
Sedici pixel sono pochissimi: i loghi ricchi di dettagli a quella dimensione diventano una poltiglia. Se l'anteprima è impastata, usa un simbolo semplificato: solo il pittogramma del logo, una singola lettera o una forma marcata. I grandi marchi usano versioni semplificate dei loro loghi come favicon proprio per questo motivo.
Dove metto i file della favicon nel mio sito?
Mettili nella radice del sito (così sono raggiungibili su /favicon.ico, /apple-touch-icon.png e così via), poi aggiungi i tag link forniti all'interno del tuo <head>. Sulla maggior parte delle piattaforme significa la cartella public o static; su WordPress usa Aspetto → Personalizza → Identità del sito oppure inserisci i file tramite il tema.
Cosa contiene il pacchetto
• favicon.ico + PNG favicon-16/32/96: schede del browser e segnalibri; i browser richiedono /favicon.ico automaticamente anche senza alcun tag HTML.
• Da apple-icon-57x57 a 180x180 (9 dimensioni): l'icona della schermata Home di ogni generazione di iPhone e iPad, più apple-icon-precomposed.png per le vecchie versioni di iOS.
• Da android-icon-36x36 a 192x192 (6 densità): le icone del launcher Android, richiamate con le indicazioni di densità da manifest.json.
• ms-icon-70/144/150/310 + browserconfig.xml: i riquadri del menu Start di Windows e il file di configurazione che li associa.
• manifest.json: comunica ad Android e alle installazioni PWA il nome, i colori e le icone del tuo sito. Aprilo e compila i campi del nome dopo il download.
Estrai tutto nella directory principale del sito così che i percorsi nello snippet HTML funzionino, incolla lo snippet nel tuo <head> e hai finito.
Consigli di design per una favicon che si riconosce davvero
Prova a 16px prima di decidere: l'anteprima qui sopra mostra la realtà. Preferisci una singola forma o lettera marcata a un logo completo con testo; i logotipi diventano illeggibili sotto i 48px. Mantieni un contrasto elevato sia con i temi chiari sia con quelli scuri dei browser (un discreto cerchio o quadrato arrotondato di sfondo aiuta le icone fatte di linee sottili). E tieni la stessa favicon per anni: è così che i visitatori abituali trovano la tua scheda in mezzo ad altre venti.
Strumenti gratuiti correlati
- Convertitore di immagini — Converti tra AVIF, HEIC, TIFF, PNG, JPG, WebP, GIF, BMP e SVG. La maggior parte delle conversioni non esce mai dal browser.
- Ritaglia immagini — Ritaglia le immagini in qualsiasi dimensione o proporzione nel tuo browser: quadrato, 16:9, 4:3 o a mano libera.