Convertitore ICO gratuito

Informazioni sul formato ICO

Il formato ICO (Icon) è il formato standard per i favicon dei siti web visualizzati nelle schede del browser, nei segnalibri e nelle barre degli indirizzi. Questo convertitore supporta più dimensioni in un singolo file .ico, lo standard moderno.

Domande frequenti

Cos'è un file ICO?

Un file ICO è un formato di immagine binario usato per le icone nelle applicazioni Windows e i favicon dei siti web. Può contenere più immagini a diverse risoluzioni, permettendo ai browser di visualizzare la dimensione appropriata in base al contesto.

Quali dimensioni includere?

16×16 e 32×32 sono le più comuni per i favicon dei browser. Includi 64×64 e 128×128 per i collegamenti Windows e gli schermi ad alta densità. 48×48 è utile per la compatibilità legacy. 256×256 è talvolta usato per rappresentazioni di icone di grandi dimensioni.

Come uso il favicon sul mio sito web?

Posiziona il file favicon.ico nella directory radice del tuo sito web, oppure referenziolo nel tuo HTML con: <link rel="icon" href="/favicon.ico">. La maggior parte dei browser lo trova automaticamente nella directory radice.

Una breve storia del formato ICO

Microsoft ha introdotto ICO con Windows 1.0 nel novembre 1985, originariamente come formato di risorse per icone applicative monocromatiche da 32×32 pixel memorizzate all'interno di file .EXE e .DLL. L'estensione standalone .ico è stata formalizzata per consentire la modifica e la condivisione delle icone indipendentemente dagli eseguibili. Windows 3.x ha aggiunto il supporto per 16 e 256 colori; Windows 95 ha reso ICO un vero contenitore multi-risoluzione (un file contenente rendering da 16 / 32 / 48 px, con il sistema operativo che seleziona automaticamente il migliore per ogni contesto); Windows XP ha aggiunto l'alpha a 32 bit per bordi con anti-aliasing uniforme e ombre traslucide; Windows Vista (2007) ha introdotto icone da 256×256 pixel e ha consentito a ogni voce di memorizzare un classico BMP o un file PNG completo. La voce codificata in PNG è ora standard per dimensioni superiori a 48×48 perché un BMP a 32 bit da 256×256 sarebbe di circa 256 KB per icona, uno spreco. Molti vecchi editor di icone continuano a usare ICO solo-BMP come predefinito e producono file 8-10× più grandi del necessario.

Il formato è passato da «standard interno Windows» a «standard web globale» nel marzo 1999, quando Microsoft Internet Explorer 5 ha introdotto la convenzione /favicon.ico. Quando un utente aggiungeva una pagina ai «Preferiti», IE richiedeva /favicon.ico dalla radice del sito web e visualizzava l'immagine 16×16 accanto al segnalibro. Il nome «favicon» è un portmanteau di «favorites icon», direttamente dal menu Preferiti di IE. La convenzione non è mai stata uno standard W3C ufficiale al momento del lancio; Microsoft ha semplicemente documentato il percorso, i browser e i webmaster lo hanno adottato, e il resto del settore ha seguito. Ventisette anni dopo ogni browser importante richiede ancora /favicon.ico alla prima visita anche quando non esiste alcun tag <link rel="icon">, ecco perché i log dei server di qualsiasi proprietà web nel mondo mostrano richieste di favicon da browser, crawler, lettori RSS e bot di anteprima link, e 404 quando il file manca.

Perché ICO invece di PNG nel 2026

Considerata la flessibilità di PNG, perché ICO è ancora rilevante? Tre motivi:

• Scorciatoie desktop Windows e blocco sulla barra delle applicazioni. Quando un utente crea una scorciatoia sul desktop o blocca un sito sulla barra delle applicazioni, Windows Explorer ha bisogno di un ICO per renderizzare la scorciatoia in tutte le dimensioni della shell correnti del sistema operativo (16, 24, 32, 48, 64, 96, 256). Puntare un .lnk su un PNG produce solo una dimensione con artefatti di ridimensionamento bilineare.
• Compatibilità favicon cross-browser. I browser moderni utilizzano volentieri PNG e SVG tramite <link>, ma la richiesta implicita di /favicon.ico si attiva ancora alle visite a freddo, e gli ambienti aziendali con accesso limitato che eseguono versioni più vecchie di Edge o IE 11 (ancora presenti nel 2026 in contesti industriali, sanitari e governativi) renderizzano solo l'ICO. Un piccolo .ico multi-dimensione nella radice del sito è il predefinito universale più sicuro.
• Multi-dimensione in un unico file. ICO può contenere 16, 32, 48, 64, 128 e 256 in un unico download, che è ciò che questo strumento genera. I browser e le shell del sistema operativo selezionano automaticamente la variante migliore per ogni contesto.

La curiosità del tipo MIME da notare: i file ICO sono tecnicamente serviti come image/vnd.microsoft.icon (il tipo registrato IANA), ma il più vecchio image/x-icon è quello che la maggior parte dei server e dei template CMS emette, ed è accettato universalmente dai browser moderni. Entrambi funzionano.

La raccomandazione favicon per il 2026

Un sito moderno non dovrebbe fare affidamento solo su favicon.ico, ma non dovrebbe nemmeno ometterlo. Il set del «minimo moderno», promosso da realfavicongenerator.net e dalla MDN Web Docs, è ora:

• favicon.ico (l'output di questo strumento), recuperato automaticamente da ogni browser; richiesto per gli utenti legacy e IE/Edge meno recente.
• favicon.svg: file singolo, si adatta a qualsiasi densità; supporta modalità chiara/scura tramite prefers-color-scheme. Supportato in Chromium 80+ (inizio 2020) e Firefox 41+ (2015), ma Safari ha aggiunto il supporto solo nella versione 17 (settembre 2023). Il 2026 è il primo anno in cui ci si può realisticamente affidare a SVG-only su quasi tutti i browser.
• favicon-32x32.png e favicon-16x16.png: fallback raster pixel-perfect per i browser che preferiscono PNG a SVG quando sono elencati entrambi.
• apple-touch-icon.png (180×180), per le scorciatoie della schermata principale di iOS. Apple non usa ICO o SVG; PNG è obbligatorio.
• android-chrome-192x192.png e android-chrome-512x512.png: referenziati da un manifest web per i launcher Android e le installazioni PWA.
• manifest.webmanifest: dichiara le icone PNG, il colore del tema, il nome dell'app e la modalità di visualizzazione per le PWA.

Il blocco head HTML espone tutto questo:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
<meta name="theme-color" content="#ffffff">

L'attributo sizes="any" sul link .ico indica ai browser moderni «questo file contiene dimensioni arbitrarie, usalo solo come fallback», quindi preferiscono l'SVG quando disponibile. Il trend 2024-2026 nelle guide alle best practice è di ridurre aggressivamente: distribuire quei quattro file più un manifest. I vecchi «pacchetti favicon da 16 file» con tile mstile e yandex non sono più consigliati a meno che non si abbiano queste piattaforme come target specifico.

All'interno di un file ICO

Per i curiosi: il layout binario è semplice. Un breve header ICONDIR (6 byte, riservato, type=1 per le icone, conteggio delle immagini), seguito da N record ICONDIRENTRY (16 byte ciascuno, che elencano larghezza / altezza / conteggio colori / dimensione / offset del file), seguiti da N bitmap delle immagini. Ogni voce dell'immagine può essere un vecchio BMP/DIB o (da Vista) un file PNG completo con il proprio header. Il record ICONDIRENTRY memorizza sempre larghezza e altezza come byte, con 0 che significa 256 (il massimo). Ecco perché ICO supporta fino a 256×256 ma non dimensioni maggiori; il formato dovrebbe essere rivisto per memorizzare immagini più grandi.

Strumenti per testare ciò che si genera

• Il checker di realfavicongenerator.net: visita il tuo sito e segnala problemi di rendering per piattaforma. Rigoroso ma accurato.
• Il tester di favicon.io: verifica visiva rapida su schede browser simulate.
• DevTools del browser. Aggiornare forzatamente con Ctrl+F5 (o Cmd+Shift+R) per aggirare la cache delle favicon, che è notoriamente aggressiva; in particolare Safari memorizza nella cache le favicon tra i riavvii e a volte ignora gli aggiornamenti per ore.
• URL diretto. Visitare yoursite.com/favicon.ico in una nuova scheda per confermare che il file venga effettivamente servito. Un problema comune: il file esiste ma il server restituisce 404 perché si trova fuori dal percorso dei file statici configurato.

Quando si userebbe questo strumento

• Creazione del set di favicon di un nuovo sito. Generare il file .ico multi-dimensione qui, più un SVG e un PNG apple-touch con altri strumenti.
• Aggiornamento di una favicon esistente. Riesportare il file .ico multi-dimensione dopo un aggiornamento del logo.
• Blocco di una scorciatoia desktop Windows su un URL con icona personalizzata.
• Generazione di un'icona per app Electron / Tauri: le app desktop Windows richiedono ICO per la sezione delle risorse dell'eseguibile.
• Sostituzione di una favicon tofu / 404 su un sito precedentemente distribuito che non ne aveva mai avuta una.

Altre domande

Ho aggiornato la mia favicon ma il browser mostra ancora quella vecchia, perché?

La memorizzazione nella cache delle favicon è notoriamente aggressiva. I browser memorizzano nella cache le favicon tra i riavvii e non sempre rispettano gli header HTTP cache-control. L'aggiornamento forzato (Cmd+Shift+R su Mac, Ctrl+F5 su Windows) di solito funziona in Chromium e Firefox; Safari a volte richiede una chiusura e riapertura completa, e su iOS l'icona della schermata principale potrebbe richiedere di aggiungere nuovamente la pagina. L'aggiunta di una query string (/favicon.ico?v=2) forza un aggiornamento nella maggior parte dei browser, ma non funziona sempre per la richiesta implicita /favicon.ico; per quella, dichiarare il nuovo URL in un tag <link rel="icon">.

Quali dimensioni dovrei includere?

Per le favicon browser: 16 e 32 sono essenziali. 48 aiuta con le schede Windows ad alta DPI. Per le scorciatoie desktop Windows e il blocco sulla barra delle applicazioni: includere 64 e 128 (e 256 per la vista «Extra large» di Explorer). La selezione predefinita di questo strumento (16/32/48/64) copre il 99% dei casi. L'aggiunta di 128 o 256 aumenta notevolmente le dimensioni del file (il solo PNG codificato da 256×256 è di circa 30-40 KB) quindi includerli solo se si ha effettivamente bisogno del rendering della shell Windows.

Dovrei usare uno sfondo trasparente?

Quasi sempre sì, i browser moderni visualizzano le favicon sul colore chrome della scheda, che differisce tra la modalità chiara, scura e il blocco delle schede. I PNG trasparenti (o input trasparente al convertitore) producono bordi puliti su tutti gli sfondi. L'eccezione sono i loghi che risultano illeggibili senza uno sfondo colorato; per quelli, incorporare il colore di sfondo va bene. PNG e ICO supportano entrambi l'alpha completo; JPEG no, quindi gli input JPG perdono la trasparenza.

favicon.ico è ancora davvero necessaria nel 2026?

Sì, ma solo come fallback. Ogni browser la richiede ancora implicitamente alla prima visita anche con i tag <link> moderni attivi; le scorciatoie desktop Windows e il blocco sulla barra delle applicazioni ne hanno bisogno; gli ambienti aziendali che eseguono ancora IE11 o Edge meno recente (sì, esistono in ambito sanitario, manifatturiero e governativo) ne hanno bisogno. Un .ico multi-dimensione da 4-8 KB nella radice del sito è il predefinito universale più sicuro, affiancato da SVG e PNG tramite tag <link> per tutti gli altri.

Vengono inviati dati a un server?

No. L'immagine viene decodificata nel browser, ridimensionata a ogni dimensione richiesta tramite l'API Canvas 2D e assemblata in un file binario ICO da JavaScript. Il risultato viene scaricato direttamente sul dispositivo. Nulla dell'immagine (incluso qualsiasi design del logo su cui si stia ancora lavorando) lascia la pagina.

Strumenti correlati