Convertire GIF in ICO

Una GIF di un logo non è quasi mai il logo. È un’esportazione, fatta una volta per una pagina web alla dimensione di cui quella pagina aveva bisogno, ridotta a 256 colori e spesso scalata da qualcosa di più grande. Da qualche parte di solito c’è un originale — un file Illustrator, un SVG, un PNG ad alta risoluzione in una cartella di marchio.

Vale la pena dedicare cinque minuti alla ricerca, perché un’icona fatta da arte vettoriale può essere ridisegnata a 16 pixel con i tratti ispessiti così che resti leggibile, e un’icona fatta da una GIF da 120 pixel non può. Se la ricerca non dà risultati, come succede spesso su un sito di cui nessuno è proprietario da un decennio, questa conversione è il fallback sensato, e il resto di questa pagina riguarda come farla funzionare.

ICO è un contenitore. Microsoft lo ha progettato nel 1985 per contenere un insieme della stessa immagine a dimensioni diverse, così che Windows potesse scegliere 16 pixel per un elenco, 32 per un desktop e 256 per un’anteprima senza scalare nulla. È ancora il suo vantaggio principale su qualunque altro formato per icone, ed è il motivo per cui un formato del 1985 viene ancora richiesto dai browser nel 2026.

Quello che questa conversione scrive è quel set. La directory porta una voce per dimensione scelta — tre per predefinito, a 48, 32 e 16 pixel, ciascuna un PNG reale fatto a quella dimensione ed elencata prima la più grande. Niente a valle deve indovinare: un browser che disegna una scheda da 16 pixel legge la directory e prende il 16. Per una GIF è un esito migliore di quanto sembri, perché un piccolo logo legacy scalato a 256 e poi compresso di nuovo da un browser è esattamente la strada che trasforma un vecchio marchio in una macchia grigia.

Se il lato più lungo della GIF supera i 256 pixel, l’immagine viene ridotta finché non è esattamente 256 e il lato più corto segue proporzionalmente. Ogni voce dell’icona è poi fatta da quello, quindi con il set predefinito un logo da 400 pixel diventa un 48, un 32 e un 16. Una GIF più piccola delle dimensioni richieste viene ingrandita per riempirle, che è l’unico modo per rendere il risultato peggiore della sorgente: un logo da 90 pixel convertito con «solo 256 px» è un logo da 90 pixel ingrandito.

Il tetto è del formato, non una scelta: una voce della directory ICO memorizza ciascuna dimensione in un singolo byte, quindi 256 si scrive come zero perché 256 non sta in un byte e zero è il modo della specifica per scriverlo. Qualsiasi cosa più grande non ha dove essere registrata, ed è per questo che ogni toolchain per icone si ferma allo stesso numero.

Ogni voce scritta qui è quadrata, perché è ciò che è un’icona. Una GIF wordmark da 240 per 64 mantiene le sue proporzioni e viene centrata sul quadrato alla scala più grande che ci sta, con la trasparenza che riempie le bande sopra e sotto. Niente viene schiacciato, che è la metà importante — un logo allungato si riconosce come un errore dall’altra parte di una stanza.

L’altra metà costa ancora. Un marchio da 240 per 64 centrato in un quadrato da 16 pixel viene disegnato circa a quattro pixel di altezza, che è niente, e le bande trasparenti sono icona sprecata. Quindi si ritaglia a un quadrato prima, e si ritaglia anziché scalare: si prende l’iniziale, il simbolo o il monogramma, lo si centra, e si lascia solo un piccolo margine così il marchio usa la cornice che gli viene data.

Ogni voce nella directory è un PNG. Il formato permette anche un payload bitmap grezzo — è ciò che significava originariamente — ma ogni Windows da Vista in poi legge un PNG dentro un ICO, il file è una frazione della dimensione, e il canale alfa è vero anziché una maschera a un bit. Questa scelta è il motivo per cui l’icona appare corretta su una barra delle schede scura.

È anche il motivo per cui non c’è un’impostazione di qualità su questa pagina. Il PNG è lossless e non ha nulla da abbassare, quindi un cursore qui si muoverebbe senza cambiare nulla; non viene offerto, che è l’unica soluzione onesta. La conseguenza gradita è che diverse voci piccole costano meno di una grande: tre PNG a 48, 32 e 16 pixel di un logo piatto sono arrivati a 1.062 byte contro 2.229 per il singolo 256 che questa pagina scriveva una volta. Un favicon migliore e un file più piccolo.

La trasparenza GIF è un’unica voce della tavolozza marcata come trasparente. Un pixel è o completamente trasparente o completamente opaco; non c’è nulla nel mezzo, e l’antialiasing attorno alle curve di un logo è stato cotto sullo sfondo contro cui la GIF era stata progettata.

Riducendo a 32 pixel, questo si vede. L’alone pallido di un logo che era stato antialiasato sul bianco sarà ancora pallido su un tema scuro del browser, che si legge come un contorno sporco anziché come un marchio pulito. Non c’è impostazione che lo rimuova, perché l’informazione su cosa avrebbero dovuto essere quei pixel di bordo è stata scartata quando la GIF è stata fatta. Se l’alone è abbastanza brutto da notarsi, la soluzione è ridisegnare dalla sorgente anziché convertire diversamente.

Il limite di tavolozza che rende la GIF un formato fotografico scadente è qui quasi irrilevante. I loghi sono colore piatto per costruzione — due o tre riempimenti, un bordo duro, nessun gradiente — e 256 voci sono molto più di quelle necessarie, quindi la GIF sta molto probabilmente conservando il marchio esattamente come era stato disegnato.

Il vincolo reale sono le dimensioni in pixel. Un’icona viene giudicata a 16 e 32 pixel, e ciò che conta lì è se le forme sono ancora distinguibili: un serif sottile sparisce, un wordmark di due parole sparisce, un simbolo geometrico pieno sopravvive. Si verifica guardando la scheda effettiva anziché il file, che è l’errore che quasi tutti fanno al primo tentativo.

La pratica moderna è un set di PNG e un’icona SVG dichiarati nell’head della pagina, e ci sono buoni argomenti per farlo. Ma il file al percorso radice è ancora richiesto dai browser che non trovano alcuna dichiarazione, dai lettori di feed, dalle anteprime dei link e da una lunga coda di strumenti scritti quando era l’unico meccanismo. Costa un file per soddisfarli tutti.

Quindi l’accordo pragmatico è entrambi: un ICO alla radice come fallback universale, e qualunque dichiarazione moderna i template del sito supportino accanto ad esso. Convertire la GIF qui dà la prima metà in un solo passaggio, ed è la metà che continua a funzionare quando nient’altro è configurato.

La GIF viene decodificata dal browser, l’immagine viene codificata come PNG, e la directory dell’icona viene scritta intorno in JavaScript nella stessa scheda. Niente raggiunge un server, non c’è account, e non c’è un passo di watermark o registrazione fra la conversione e il download.

Per un logo che è spesso un piccolo punto e a volte uno vero: asset di marchio sotto embargo, il marchio di uno strumento interno, l’illustrazione di un cliente che vi è stata inviata sotto un accordo. Niente di tutto ciò ha bisogno di passare per l’infrastruttura di qualcun altro per diventare un’icona.