Convertire ICO in PNG

Questa è la cosa che la maggior parte dei convertitori non dice. Un ICO non è un’immagine; è una piccola directory con più immagini dentro, ciascuna a una taglia diversa, così che Windows possa mostrare una versione nitida a 16 pixel in una barra delle applicazioni affollata e una nitida a 256 pixel sul desktop senza scalare nessuna delle due. Un’icona di applicazione ben fatta contiene comunemente da quattro a sei voci. Un PNG ha spazio per un’immagine e nessuna directory.

Quindi la conversione non è una ricodifica, è una selezione seguita da una ricodifica, e la domanda interessante è quale voce viene selezionata. Tutto il resto in questa pagina ne discende.

La decodifica è fatta dal browser invece che da una libreria fornita con questa pagina, e ogni decoder di icone dei browser restituisce l’immagine più grande nella directory. Questo è stato misurato invece che presunto: un file icona costruito con voci da 16, 32, 48 e 256 pixel, ciascuna disegnata in un colore diverso così il risultato non potesse essere confuso, è tornato come un PNG da 256 pixel nel colore della voce da 256. Riscrivere la directory smallest-first, largest-first e mescolata non ha cambiato nulla.

La conseguenza pratica è che non si può scegliere. Se il file contiene un’immagine da 256 pixel, è quella che si ottiene; i disegni da 16, 32 e 48 pixel sono scartati senza un messaggio, e sono spesso quelli su cui qualcuno ha speso più tempo.

Una voce ICO registra la sua larghezza e altezza in un singolo byte ciascuna, che si ferma a 255, e il formato riserva il valore 0 per indicare 256. È l’intero tetto: nessun file icona contiene un’immagine più larga di 256 pixel, quindi nessun PNG prodotto da uno può essere più grande.

Questo conta quando qualcuno ha chiesto un logo. Un file icona non è un asset sorgente, e un PNG da 256 pixel messo su una slide a piena larghezza o stampato a qualsiasi taglia sembrerà morbido. Se il PNG è destinato a qualcosa di più grande di una miniatura, si vada a cercare l’opera originale invece di convertire l’icona; l’icona è stata fatta da essa, non il contrario.

Entrambi i formati portano un canale alpha proprio a otto bit, quindi un’icona arrotondata, un marchio ritagliato o un’ombra morbida arrivano nel PNG esattamente come erano stati disegnati. Non c’è un colore di sfondo da scegliere e nessuna scatola bianca da ritagliare dopo. Su un’icona di prova il pixel angolare dell’output legge 0,0,0,0 — completamente trasparente, non nero a opacità zero.

È il motivo per cui PNG è la destinazione corretta per questo e JPG non lo è. Se l’icona va in un posto che potrebbe stare su uno sfondo colorato — un tema di documentazione scuro, una slide, una griglia di app store — il canale alpha è l’intero punto di fare la conversione.

Entrambi i capi sono senza perdita. L’icona è decodificata in pixel grezzi e quei valori esatti sono scritti nel PNG, quindi non c’è un’impostazione di qualità da sbagliare e nessuna perdita di generazione se si converte lo stesso file due volte. Ciò che cambia è l’imballaggio, non l’immagine.

Il PNG viene poi passato attraverso oxipng, che di solito rimuove una frazione consistente di ciò che l’encoder puro scrive senza toccare un singolo pixel. Sull’icona di prova da 8.471 byte il PNG risultante da 256 pixel era 1.737 byte — più piccolo dell’icona da cui veniva, perché l’icona portava quattro copie dello stesso disegno e il PNG ne porta una.

Se ciò che si vuole davvero è la voce piccola, questa pagina non può fornirla e non può farlo nemmeno alcun convertitore che passa attraverso un decoder del browser. Le taglie piccole in un’icona buona non sono copie scalate; sono ridisegnate, con tratti agganciati a pixel interi e dettaglio rimosso così che il marchio resti leggibile a quella taglia. Rimpicciolire il PNG da 256 pixel produce qualcosa visibilmente peggiore.

Lo strumento per il lavoro è un editor di icone. GIMP apre un ICO e presenta ogni voce come un livello separato, che si può esportare una alla volta, e non costa nulla. IcoFX fa lo stesso su Windows con un’interfaccia più amichevole.

Le favicon prese dal web sono di solito molto più piccole di quanto il tetto suggerisca. Un file scritto prima che gli schermi ad alta densità importassero contiene spesso solo un’immagine da 16 pixel, a volte una da 16 e una da 32; la voce da 256 pixel è diventata comune solo quando Windows e i browser hanno cominciato a usarla per tile più grandi. Quindi un favicon.ico da un sito più vecchio può produrre un PNG da 16 pixel, e quello è il massimo onesto di ciò che era nel file.

Il risultato sembrerà corretto e sarà quasi inutilizzabile per qualcosa di diverso da una favicon. Non è un difetto della conversione — l’immagine a qualsiasi taglia più grande non è mai stata memorizzata. Lo si tratti come evidenza che il sito non ha mai pubblicato una versione grande, e si vada a cercare altrove il marchio.

Il markup moderno delle favicon accetta PNG direttamente, e la maggior parte dei siti ora dichiara un PNG da 32 pixel, un apple-touch-icon da 180 pixel e un SVG accanto al tradizionale file icona alla radice. Se si è convertito un ICO in PNG per modernizzare un sito, il PNG che si ottiene qui è l’input corretto per quelle dichiarazioni, purché la sorgente contenesse una voce abbastanza grande.

Per un’icona di applicazione nativa la piattaforma chiederà dimensioni in pixel esatte — e un PNG da 256 pixel non può onestamente riempire uno slot da 512 o 1024 pixel. Dove la piattaforma le vuole, il file icona è il punto di partenza sbagliato e il vettoriale o l’originale a piena risoluzione è quello corretto.

Si lasci cadere l’intero set. Ogni icona è decodificata e scritta separatamente e i risultati tornano come ZIP, che è la forma abituale di questo lavoro: qualcuno eredita una cartella di icone di applicazione e ha bisogno di ognuna di esse come immagine per una pagina di documentazione o un inventario di asset.

Siccome il lavoro avviene nel browser non c’è coda e nessun upload per file, e il decimo file è gestito esattamente come il primo. I file che contengono solo una voce piccola produrranno PNG piccoli, quindi si controllino le dimensioni nello ZIP invece di presumere che il set sia uniforme — i set di icone mescolati quasi mai lo sono, e sostituire l’originale con un set di dimensioni eterogenee senza rendersene conto è un errore che si vede solo a posteriori.