Convertire JXL in ICO

Gli usi registrati di JPEG XL sono l’archiviazione e la fotografia, e le persone che lo hanno adottato lo hanno fatto in testa a una pipeline : è dove vive l’originale, perché contiene fino a 32 bit per canale, un canale alpha completo e colore a gamma ampia, e perché può assorbire un JPEG esistente in modo lossless.

Ciò che resta è un vuoto in fondo. Tutto a valle — il favicon di un sito, un collegamento Windows, l’icona di un installer — vuole formati specificati decenni prima che esistesse il formato master, e ICO è il più vecchio di questi, pubblicato da Microsoft nel 1985. Questa conversione è quell’ultimo passo, ed è quello che nient’altro in una catena di strumenti moderna copre in modo affidabile.

Il supporto per JPEG XL nei browser è registrato qui come parziale piuttosto che universale, e non è un dettaglio accademico — è spesso il motivo per cui qualcuno sta cercando un convertitore. Il file non si visualizzerà in una scheda, non si aprirà da un file manager, e produce un vuoto o un prompt di download ovunque venga provato.

Il decoder usato su questa pagina è un modulo WebAssembly che il sito recupera ed esegue da solo, quindi l’opinione del browser su JPEG XL non entra mai in gioco. Un file che appare come nulla nel browser si converte qui perfettamente, il che significa anche che si può usare questo per scoprire se un .jxl che vi è stato inviato contiene ciò che vi aspettavate.

Qualunque sia la dimensione della sorgente, viene prima scalata in modo che il suo lato più lungo sia 256 pixel. Questo è il soffitto del formato piuttosto che una politica : ogni dimensione in una voce di directory ICO è memorizzata in un singolo byte, e 256 è registrato come zero perché il numero non ci sta nel campo. Le dimensioni che vanno effettivamente nel file derivano da quell’immagine — 48, 32 e 16 con il set predefinito, ciascuna quadrata, centrata e scritta come un proprio PNG.

Per un’immagine master è una riduzione molto grande, e cambia dove sta lo sforzo. Niente sopra 256 pixel contribuisce al risultato, quindi un originale da 6.000 pixel non è un punto di partenza migliore di uno da 600 pixel, e con il set predefinito niente sopra 48 contribuisce. Ciò che decide se l’icona è buona è il ritaglio e le forme in essa, entrambi devono essere giusti prima che il ridimensionamento avvenga.

JPEG XL memorizza la trasparenza come un canale proprio con ogni valore intermedio disponibile, e il PNG scritto dentro l’ICO memorizza lo stesso. Così un logo con bordi antialias morbidi, un’ombra che sfuma fuori, o un marchio disegnato con un tratto sfumato sopravvivono nell’icona con quei bordi intatti.

Questa è la differenza pratica tra questa sorgente e una più vecchia. I formati con un singolo colore trasparente danno a un’icona un contorno duro e frastagliato che appare sbagliato sia su temi chiari che su temi scuri del browser, e nessuna impostazione lo corregge. Partire da un master con un alpha reale significa che l’icona si compone correttamente su qualunque cosa ci sia dietro, che è la maggior parte di ciò che rende un’icona professionale.

Un master è di solito l’intera composizione — l’intero marchio, o una fotografia con spazio attorno al soggetto. Un’icona viene guardata in una casella di 16 o 32 pixel, e a quella dimensione un’intera composizione è una sbavatura indipendentemente da quanto fosse buona la sorgente.

Si ritagli prima, con decisione, e si ritagli quadrato. Si prenda il simbolo, il monogramma o un singolo elemento distintivo, lo si centri, e si lasci un piccolo margine così non tocca i bordi. Se il marchio è un wordmark, si usi l’iniziale invece delle parole. Un master non quadrato non viene rifiutato — viene centrato sul quadrato con trasparenza attorno, quindi nulla è stirato — ma il marchio è poi disegnato attraverso una frazione di un’icona che è già larga solo sedici pixel. Questa è una decisione di design che la conversione non può prendere, ed è la differenza tra un’icona e un quadrato colorato.

JPEG XL può contenere 32 bit per canale e colore a gamma ampia. L’immagine dentro un’ICO è un PNG con otto bit per canale e, in pratica, nessuna gestione del colore applicata dai browser che lo disegnano.

Questa riduzione è normalmente invisibile e occasionalmente non lo è. Un marchio definito in gamma ampia — un arancione o un verde saturo di marca che sta fuori dall’sRGB — cambierà leggermente quando viene scritto in un’icona, e cambierà di nuovo in modo diverso a seconda di come il sistema operativo disegna la scheda. Se il colore del marchio è contrattuale, si verifichi l’icona contro la specifica piuttosto che assumere che sia passato, e ci si aspetti di aggiustarlo piuttosto che di abbinarlo esattamente.

ICO è stato progettato per contenere diverse immagini — 16 pixel per un elenco, 32 per un desktop, 256 per un’anteprima — così che il sistema scelga quella giusta piuttosto che ridimensionare. Il controllo «Dimensioni icona» è dove si dice quali. Il predefinito scrive i tre classici del favicon ; «Tutte le dimensioni comuni» estende il set a 64, 128 e 256, che è ciò che di solito vuole una build desktop.

Ciò che il controllo non può fare è ridisegnare. Ogni voce è il vostro master ridotto a quella dimensione in un passaggio filtrato, quindi il 16 è una versione piccola dello stesso disegno piuttosto che uno semplificato con i tratti agganciati alla griglia dei pixel. Per un favicon è l’intero lavoro. Per un’icona di applicazione desktop è la maggior parte : il passo rimanente, se il marchio ha dettagli fini, è disegnare un 16 a mano e scambiarlo nel file in un editor di icone, e il file che questa pagina produce è un input valido per quello.

L’uso come favicon è quello che la maggior parte delle persone incontra, ma ICO precede il web di diversi anni ed è ancora ciò che Windows vuole per un collegamento, una risorsa di un eseguibile, un installer e un’associazione di tipo di file. Una build di applicazione multipiattaforma chiederà un ICO, un ICNS e un set di PNG, e questa copre il primo.

Questo vale la pena saperlo perché i requisiti differiscono. Un favicon vuole le dimensioni piccole ; un’icona di applicazione è specificata come un set che arriva fino a 256 e spesso con versioni piccole accordate a mano. Entrambi escono da questa pagina, da impostazioni diverse — ma se la destinazione è uno script di build piuttosto che un server web, si legga cosa si aspetta prima di assumere che il set predefinito sia l’intero lavoro.

Entrambe le metà di questa conversione girano in locale : il decoder JPEG XL è un modulo WebAssembly nella pagina, e il contenitore dell’icona è scritto in JavaScript accanto ad esso. Nessuna richiesta porta il file, non c’è account, e nulla viene conservato.

Per questa coppia specificamente è più di un principio. Un file master è la versione con i livelli appiattiti ma nient’altro ceduto — la piena risoluzione, il colore intatto, a volte i metadati — ed è l’ultima cosa che vale la pena affidare a un convertitore gratuito in cambio di un’icona da 4 KB.