Convertire ICO in JPG

Quasi nessuno sceglie JPEG per un’icona sui meriti. Le persone che arrivano qui hanno colpito un campo di upload che elenca .jpg e .jpeg e nient’altro — un annuncio di un marketplace, una rubrica HR interna, un modulo web di un servizio di stampa, un sistema di contenuti configurato nel 2011 che nessuno ha toccato da allora. L’immagine va bene; il guardiano è il problema.

Questa cornice conta perché cambia il consiglio. Non esiste una versione di questa conversione che renda l’immagine migliore, quindi l’intero lavoro è perdere il meno possibile lungo il percorso e azzeccare lo sfondo al primo colpo.

JPEG non ha trasparenza. Non una versione limitata, non un bit di essa — il formato ha tre canali e nessun quarto. Quindi ogni pixel trasparente nell’icona deve diventare un pixel opaco prima che l’encoder lo veda, e qualcosa deve decidere di che colore. L’impostazione di sfondo è quella decisione, e il predefinito è bianco.

Lo si sbaglia e l’errore è ovvio dopo l’upload invece che prima: un quadrato bianco attorno a un logo su una pagina di annuncio scura, o un quadrato nero su una chiara. Lo si imposti al colore su cui l’immagine starà. Se non lo si sa, il bianco è l’ipotesi più sicura, perché la maggior parte delle destinazioni di upload sono ancora pagine bianche.

Un ICO è un contenitore. Contiene lo stesso marchio disegnato a più taglie così che Windows e i browser possano scegliere quella giusta, e un JPEG contiene un’unica immagine, quindi la conversione deve scegliere. Sceglie la più grande, perché è ciò che il decoder icone del browser restituisce — verificato costruendo un file con voci da 16, 32, 48 e 256 pixel in quattro colori diversi e convertendolo: il risultato era da 256 pixel, nel colore della voce da 256.

I disegni più piccoli non sono uniti, scalati o scritti da nessuna parte. Se la taglia piccola era quella che serviva, un editor di icone come GIMP aprirà il file e mostrerà ogni voce come un proprio livello.

Questo sorprende la gente, perché JPEG è il formato che tutti associano al rimpicciolire i file. Quella reputazione se la guadagna sulle fotografie. Un’icona è colore piatto con bordi netti, che è esattamente il contenuto in cui JPEG è peggiore e PNG è migliore, quindi l’aritmetica va nell’altro verso.

Misurato su un’icona di prova di 8.471 byte con quattro voci: il JPG è uscito a 4.005 byte e il PNG a 1.737. Il JPEG è più del doppio del PNG ed è anche lossy. Se la ragione per convertire era risparmiare byte invece di soddisfare un modulo, la conversione sta lavorando contro chi l’ha intrapresa.

JPEG divide l’immagine in blocchi di otto per otto e memorizza ciascuno come un insieme di frequenze. Una fotografia è per lo più gradienti delicati, e quella rappresentazione le si addice. Una linea nera netta contro bianco piatto è l’opposto: ricostruirla richiede alte frequenze che l’encoder ha scartato, quindi appare una debole ondulazione accanto a ogni bordo netto. Si chiama ringing, e sembra una macchia o un alone.

Su un’icona da 256 pixel quei blocchi sono grandi rispetto all’opera — trentadue di essi attraverso l’intera larghezza — quindi gli artefatti stanno proprio sul dettaglio che qualcuno ha disegnato con cura. Alzare la qualità riduce l’effetto e non lo elimina mai; il formato non ha un’impostazione che spenga la trasformata.

Il predefinito di 82 è scelto per le fotografie ed è basso per questo contenuto. Su opera piatta gli artefatti sono visibili invece che solo misurabili, e il file è abbastanza piccolo in termini assoluti che spendere byte in qualità costa quasi nulla — andare da 82 a 95 su un’icona da 256 pixel sposta un file da quattro kilobyte forse a otto.

Lo si imposti alto. Non c’è un budget di upload significativo da difendere a questa scala, e la differenza tra un contorno pulito e uno sfocato è la differenza tra un logo che sembra intenzionale e uno che sembra scansionato da un fax.

Le icone sono quadrate per convenzione e per specifica, quindi questo è raramente un problema uscendo da un ICO — ma molti campi di upload hanno un rapporto d’aspetto fisso e metteranno in cornice nera o ritaglieranno qualunque cosa si dia loro. Un quadrato da 256 pixel lasciato cadere in uno slot banner da 1200 per 630 viene stirato o riempito dal codice di qualcun altro, con risultati che non si vedono finché non è in diretta.

Se la destinazione ha una taglia dichiarata, si prepari l’immagine a quella invece di lasciare che il sito lo faccia. Il colore di sfondo impostato qui diventa il riempimento, che è l’unica parte di quel processo che si può controllare da questa pagina.

Un numero sorprendente di campi di upload che mostrano «JPG» nel loro testo di aiuto accetta un PNG senza protestare, perché la validazione è sul tipo MIME riportato dal browser e la lista è più lunga del messaggio. Costa un tentativo scoprirlo, e un PNG dalla stessa icona sarà più nitido, più piccolo e libero dal problema dello sfondo, e vale la pena fare quel tentativo prima di convertire tutto il set.

Dove il vincolo è reale — alcuni servizi di stampa richiedono davvero JPEG perché la loro pipeline appiattisce comunque tutto — la conversione qui è la risposta corretta e i compromessi sopra sono il prezzo. Si dica a chi l’ha chiesto, così che la sfocatura sia capita come un limite del formato e non come un difetto dell’opera, e la prossima volta che viene chiesto un nuovo logo si parte con un formato migliore in mano.

Si lasci cadere l’intera cartella. Ogni icona è decodificata, riempita e codificata indipendentemente e i risultati arrivano come ZIP, con lo stesso colore di sfondo e la stessa qualità attraverso il set — che è ciò che un catalogo o una pagina di annunci richiede, dato che l’incoerenza tra voci è più notevole di qualsiasi singolo file leggermente sbagliato, e nessun cliente fa caso a un JPEG perfetto se accanto ce n’è uno sgranato.

Si osservino le dimensioni in pixel nel risultato invece di presumere che corrispondano. I set di icone raccolti nel corso degli anni sono raramente uniformi: alcuni file portano una voce da 256 pixel e alcuni si fermano a 32, e i JPG differiranno di conseguenza senza che il convertitore lo segnali. Un’icona da 32 pixel mostrata accanto a una da 256 pixel nello stesso catalogo dice, senza parole, che una delle due è stata preparata diversamente, e una conversione ben fatta dovrebbe lasciare che sia il catalogo a risolvere la differenza, non il convertitore.