Cos'è un file ICO? Dimensioni delle icone, favicon e quando usare ICO
Comprendi il formato contenitore ICO, le dimensioni che contiene e perché è ancora importante per favicon e icone desktop
Converti oraCos'è un file ICO?
Un file ICO è un formato immagine creato da Microsoft agli albori di Windows. A differenza di un JPEG o PNG, che memorizza una singola immagine a una singola risoluzione, un file ICO è un contenitore che può contenere più immagini a diverse dimensioni e profondità di colore all'interno di un unico file. Quando un sistema operativo o un browser deve visualizzare un'icona, sceglie l'immagine più adatta dall'insieme contenuto nel file ICO.
Questo approccio a contenitore risolve un problema reale. Una piccola icona da 16 pixel per una scheda del browser e un collegamento desktop da 256 pixel richiedono livelli di dettaglio molto diversi, e ridimensionare una singola immagine in su o in giù raramente produce risultati puliti. Incorporando versioni appositamente create a 16, 32, 48, 64, 128 e 256 pixel, il formato ICO permette a ogni contesto di visualizzare un'icona nitida e perfetta senza artefatti di ridimensionamento in fase di esecuzione.
Internamente, ogni immagine memorizzata in un file ICO può essere codificata come bitmap BMP o come frame compresso in PNG. I file ICO moderni usano tipicamente la compressione PNG per le dimensioni più grandi (128 px e oltre) per mantenere gestibili le dimensioni del file, mentre le dimensioni più piccole possono rimanere come dati BMP non compressi per la massima compatibilità con i sistemi legacy. L'intestazione del file indica all'applicazione quante immagini sono incluse e a quali dimensioni, così la variante giusta viene selezionata automaticamente.
ICO vs PNG: quando hai davvero bisogno di ICO?
PNG è diventato il formato immagine predefinito sul web, quindi è lecito chiedersi se ICO sia ancora rilevante. La risposta breve: sì, ma solo in situazioni specifiche. La tabella seguente riassume le differenze principali.
| Caratteristica | ICO | PNG |
|---|---|---|
| Più dimensioni in un file | Sì | No (un'immagine per file) |
| Supporto favicon nei browser | Universale (tutti i browser) | Solo browser moderni |
| Icone desktop Windows | Obbligatorio | Non supportato |
| Icone app macOS / Linux | Non usato | Preferito |
| Trasparenza | Sì (canale alfa) | Sì (canale alfa) |
| Efficienza dimensione file | Più grande (immagini multiple) | Più piccolo (immagine singola) |
Per le favicon, ICO rimane la scelta più sicura quando devi supportare tutti i browser, incluse le versioni più vecchie di Internet Explorer che non riconoscono le favicon PNG. Un file favicon.ico posizionato nella root del sito viene rilevato automaticamente da praticamente tutti i browser mai distribuiti. Se ti rivolgi solo ai browser moderni, una favicon PNG dichiarata tramite un tag <link> funziona bene, ma il fallback ICO non costa quasi nulla da aggiungere.
Per le icone desktop e barra delle applicazioni di Windows, ICO è l'unico formato accettato. I file eseguibili (.exe) incorporano le loro icone come risorse ICO, e i file di collegamento (.lnk) fanno riferimento direttamente ai file ICO. Se stai sviluppando o personalizzando applicazioni Windows, ICO è imprescindibile.
Su macOS e Linux, ICO generalmente non viene usato. macOS si basa su file ICNS e PNG, mentre la maggior parte degli ambienti desktop Linux accetta SVG o PNG. Quindi, se il tuo pubblico è esclusivamente su queste piattaforme, puoi saltare completamente il formato ICO.
Dimensioni ICO comuni e a cosa servono
Non tutte le dimensioni servono allo stesso scopo. La tabella seguente associa ogni dimensione ICO standard al suo utilizzo tipico, insieme a una raccomandazione su se includerla o meno.
| Dimensione (px) | Dove viene usata | Raccomandazione |
|---|---|---|
| 16 × 16 | Schede del browser, barra degli indirizzi, menu dei segnalibri | Includi sempre |
| 32 × 32 | Barra delle applicazioni Windows, schede browser più recenti su schermi ad alta risoluzione | Includi sempre |
| 48 × 48 | Icone desktop Windows (vista standard), vista elenco di Esplora risorse | Includi per uso desktop |
| 64 × 64 | Alcuni contesti UI di Windows, barra delle applicazioni ad alta risoluzione | Opzionale ma utile |
| 128 × 128 | Vista icone grandi di Windows, alcune dock | Includi per icone grandi nitide |
| 256 × 256 | Vista icone extra-large di Windows, display ad alta risoluzione | Includi per la migliore qualità |
Per un ICO solo favicon, le dimensioni essenziali sono 16 e 32 pixel. Aggiungere 48 pixel copre i collegamenti desktop di Windows che puntano al tuo sito. Per un approfondimento su quali dimensioni di favicon contano di più, consulta la nostra guida sulle dimensioni delle favicon spiegate.
Per le icone delle applicazioni Windows, dovresti includere l'intera gamma da 16 a 256. La variante da 256 pixel è particolarmente importante sui monitor moderni ad alta risoluzione, dove Windows potrebbe renderizzare le icone desktop a dimensioni molto grandi. Saltarla significa che il sistema operativo ingrandirà un'immagine più piccola, producendo risultati sfocati o pixelati.
Come creare un file ICO da qualsiasi immagine
Creare un file ICO richiedeva un tempo software desktop specializzato, ma gli strumenti moderni basati su browser rendono il processo veloce e semplice. Any2ICO accetta immagini sorgente PNG, JPG, WebP, GIF, BMP, AVIF e SVG fino a 10 MB ciascuna e produce un file ICO multi-dimensione correttamente strutturato in pochi secondi.
Ecco un flusso di lavoro rapido:
- Scegli l'immagine sorgente. Parti dalla risoluzione più alta disponibile. Un'immagine sorgente da 512 pixel o più grande fornisce al convertitore abbastanza dettaglio per produrre versioni ridimensionate pulite a ogni dimensione target.
- Seleziona le dimensioni. Scegli le dimensioni di cui hai bisogno: 16, 32, 48, 64, 128 e 256. Puoi scegliere qualsiasi combinazione.
- Imposta le opzioni di ridimensionamento e sfondo. Scegli tra contain (adatta l'immagine all'interno del quadrato, preservando le proporzioni) o cover (riempi il quadrato, ritagliando i bordi). Scegli uno sfondo trasparente o bianco per le aree di padding.
- Converti e scarica. Any2ICO raggruppa le dimensioni selezionate in un unico file ICO. Se stai convertendo più immagini sorgente, puoi scaricarle tutte insieme in un archivio ZIP.
L'intera conversione avviene nel tuo browser utilizzando la Canvas API. I file che importi dal tuo dispositivo vengono inviati attraverso il server per l'elaborazione ma non vengono memorizzati permanentemente. Se incolli dagli appunti, quei dati non lasciano mai il tuo computer.
Per un tutorial passo passo sulle favicon, consulta la nostra guida su come creare una favicon.ico.
Punti chiave
Il formato ICO può avere decenni di vita, ma rimane indispensabile per due casi d'uso fondamentali: favicon e icone Windows. La sua capacità di raggruppare più risoluzioni in un singolo file assicura che ogni contesto di visualizzazione, da una scheda del browser da 16 pixel a un collegamento desktop da 256 pixel, ottenga un'immagine nitida e appositamente creata.
Quando sei pronto a creare il tuo ICO, ricorda questi principi: parti da un'immagine sorgente ad alta risoluzione, includi almeno 16, 32 e 256 pixel, e usa uno strumento come Any2ICO che ti dia un controllo preciso su quali dimensioni e opzioni di ridimensionamento applicare. Per saperne di più sulla scelta delle dimensioni giuste per la tua favicon, leggi Dimensioni delle favicon spiegate.