Convertire BMP in ICO

Entrambi sono formati Microsoft e sono parenti stretti: ICO risale al 1985, BMP al 1987, e un ICO era originariamente un bitmap con un indice davanti. Il contenitore esiste per contenere diverse immagini di dimensioni diverse così che Windows possa scegliere quella giusta per un desktop, un menu o una barra delle applicazioni.

Quella parentela è il motivo per cui un bitmap è un punto di partenza così comune per un’icona e perché la conversione è così diretta. È anche il motivo per cui i vincoli del formato sembrano antiquati — il campo della dimensione è largo un byte, che è una decisione del 1985 con cui il resto di questa pagina continua a scontrarsi. Il registro classifica ICO come nicchia e BMP come legacy, e entrambe le descrizioni sono eque; ciò che tiene in vita ICO è che i browser continuano a chiedere a ogni sito un file chiamato favicon.ico, e ciò che tiene in vita BMP è che gli strumenti Windows continuano a scriverlo.

Il contenitore ospita un set, e una favicon ben fatta è un set — 16, 32 e 48 pixel in un unico file così che ogni contesto riceva un’immagine alla sua dimensione invece di ridimensionarne una grande. È ciò che l’impostazione predefinita qui scrive: tre voci di directory, tre PNG, prima la più grande, tutte dal singolo bitmap che avete lasciato cadere. "Tutte le dimensioni comuni" lo estende a 64, 128 e 256; "256 px solo" scrive la singola voce grande che uno strumento di build a volte chiede.

Ciò che nessun convertitore può fare è ridisegnare. La voce da 16 pixel è il vostro bitmap ridotto a 16, non un marchio che qualcuno si è seduto e ha ri-tagliato a quella dimensione con i tratti agganciati a pixel interi — e a 16 pixel un carattere è alto quattro o cinque pixel, quindi la differenza tra leggibile e macchiato è quali pixel una persona ha scelto di mantenere. Ottenere il set da un unico file è la maggior parte del beneficio; l’ultima parte è ancora un lavoro di design, e GIMP o IcoFX vi permetteranno di scambiare un 16 disegnato a mano nel file che questa pagina produce.

Qualsiasi cosa più grande viene ridotta prima di essere scritta, e il dettaglio oltre quel punto viene scartato. Questo è il limite del formato, non del convertitore: i campi di larghezza e altezza in una voce di directory ICO sono larghi un byte ciascuno, e 256 è memorizzato come zero perché il valore non sta in un byte.

Quindi non c’è alcun beneficio a partire da un bitmap da 4000 pixel. Il ridimensionamento viene fatto in due passaggi con canvas smussata, giù a 256 pixel e poi a ciascuna dimensione richiesta, il che gestisce una riduzione ampia ragionevolmente, ma niente recupera il fatto che il dettaglio fine non si vede a dimensioni da icona. La grafica con linee sottili e testo piccolo ha bisogno di essere semplificata da una persona, non da un ricampionatore.

Questa è la delusione più comune in questa conversione, e succede prima che il file arrivi mai a questa pagina. La grande maggioranza dei file BMP è a 24 bit per pixel, e 24 bit per pixel non ha spazio per un canale alfa — ogni pixel è opaco, compresi tutti quelli che sembrano sfondo.

Quindi un logo disegnato su bianco in Microsoft Paint diventa un’icona di un logo su un quadrato bianco, e apparirà come un quadrato bianco su una barra delle applicazioni scura o su una scheda del browser scura. Nessuna conversione lo risolve, perché nel file non c’è niente che dica quale bianco è lo sfondo e quale bianco fa parte del disegno — una regola che ne togliesse uno prima o poi toglierebbe anche l’altro. La trasparenza va creata in un editor e il file salvato come BMP a 32 bit o come PNG prima di questo passaggio. GIMP lo fa in un minuto ed è gratuito; anche Paint.NET, che il registro elenca per PNG.

Le varianti BMP a 32 bit portano un canale alfa, e anche ICO ne porta uno, quindi un bitmap che ha genuinamente uno sfondo trasparente produce un’icona che ne ha uno. Niente su questo percorso appiattisce l’immagine o chiede un colore di riempimento.

Anche i bordi morbidi sopravvivono come bordi morbidi, il che conta di più a dimensioni da icona che in qualsiasi altro contesto. Un’icona da 32 pixel è soprattutto bordo, e la differenza tra un contorno anti-aliasato e uno duro è la differenza tra qualcosa che sembra disegnato e qualcosa che sembra uno screenshot rimpicciolito.

Un’intestazione di sei byte, sedici byte di directory per dimensione, poi un PNG per ciascuna. Il formato permette un bitmap grezzo non compresso al suo posto — è ciò che un ICO conteneva originariamente — ma ogni versione di Windows da Vista in poi legge un PNG dentro un ICO, e il file viene fuori una frazione della dimensione.

Vale la pena saperlo perché spiega le dimensioni dei file. Un’immagine 256 per 256 a quattro byte per pixel è circa 262 KB come payload grezzo, e la stessa immagine come PNG è in genere un piccolo numero di kilobyte — senza alcuna perdita, dato che il PNG è senza perdite e i pixel sono quelli che il bitmap conteneva. Spiega anche qualcosa di controintuitivo sui set di dimensioni: il set predefinito a tre dimensioni è di solito un file più piccolo del singolo 256, perché tre PNG piccoli di un marchio piatto costano meno di uno grande. Misurato su un logo, 1.062 byte contro 2.229. Non c’è motivo di scegliere la singola voce per risparmiare peso.

Da qualche parte tra 256 e 512 pixel quadrati è l’intervallo utile per un bitmap sorgente. Sotto la dimensione più grande che avete chiesto, l’immagine viene ingrandita per riempirla — un bitmap da 90 pixel convertito con "256 px solo" è un bitmap da 90 pixel ingrandito, e si vede. Il set predefinito non ci si imbatte mai, dato che quasi ogni bitmap è più grande di 48 pixel. Ben oltre 512 state consegnando al ricampionatore più dettaglio di quanto ne possa mantenere, il che non migliora nemmeno il risultato.

Anche il quadrato conta, anche se non per la ragione di una volta. Ogni voce è quadrata, e un bitmap 1000 per 400 viene centrato su quel quadrato alla scala più grande che ci sta, con la trasparenza che riempie lo spazio sopra e sotto — quindi non è stirato e non è ritagliato. È disegnato piccolo: due quinti dell’altezza dell’icona, in uno slot dove i vicini riempiono il loro. Ritagliate o aggiungete bordi alla grafica per farla quadrata in un editor prima, con trasparenza invece che con bianco, a meno che non siate certi di ciò che ci sarà dietro. Un wordmark largo non funziona quasi mai come icona; la risposta abituale è usare l’iniziale o il simbolo da esso.

Per un sito web, la radice del dominio come favicon.ico viene ancora richiesta dai browser indipendentemente dal fatto che la pagina vi punti o no, e un elemento link nell’head punta ad esso esplicitamente. Per un’applicazione Windows l’ICO va nelle risorse che il build incorpora; per un collegamento può vivere ovunque il collegamento possa raggiungere.

Il registro classifica ICO come nicchia e ne elenca l’uso come il web, che è la descrizione onesta nel 2026: è un formato tenuto in vita da un nome di file e da una convenzione di un sistema operativo. Altrove, un PNG è l’icona.

Se il logo esiste come SVG, quella è la sorgente migliore ed è una pagina diversa. La grafica vettoriale viene resa invece che ricampionata lungo il percorso, quindi l’immagine da 256 pixel da cui si ricava ogni dimensione ha bordi puliti, anti-aliased una volta sola, invece dei bordi di qualunque cosa abbia esportato il bitmap — e quella differenza è ancora visibile dopo la riduzione a 32.

Il percorso bitmap è giusto quando il vettoriale non esiste — la grafica è stata disegnata in uno strumento raster, o l’unica copia è ciò che una vecchia toolchain ha esportato. È una situazione comune e questa pagina esiste per essa, ma vale trenta secondi di ricerca del vettoriale prima.

Il bitmap è decodificato dal browser, ridimensionato in un canvas una volta per dimensione, codificato come PNG ogni volta e avvolto nel contenitore ICO, tutto nella stessa scheda. Non c’è caricamento, non c’è account e non c’è limite giornaliero, e l’intera operazione finisce prima che un convertitore basato su server abbia finito di ricevere il file.

Conta più di quanto la dimensione del lavoro suggerisca, perché le icone sono lavoro di branding e il lavoro di branding è abitualmente sotto embargo. Un logo per un prodotto non annunciato è esattamente il tipo di file che non andrebbe consegnato a terzi in cambio di un’operazione di ridimensionamento che il vostro browser può fare.