Convertire TIFF in ICO

Il divario tra le due estremità di questa conversione è più grande che su qualsiasi altra pagina icona. Un logo consegnato per la stampa è tipicamente 300 dpi e diverse migliaia di pixel di lato, seduto su un margine generoso, spesso con uno slogan impostato sotto. Un'icona è al massimo 256 pixel e di solito viene vista a 16 o 32 — una favicon in una scheda del browser, un collegamento sul desktop, una voce nella barra delle applicazioni.

Il ridimensionamento gestisce il conteggio dei pixel e non può gestire la composizione. Un marchio che si legge magnificamente su una carta intestata diventa una macchia grigia a 32 pixel se include uno slogan, una sottile riga o un carattere tipografico contornato. Si ritaglia il TIFF al solo simbolo prima di convertire — si toglie il wordmark, si toglie il margine, si toglie qualsiasi cosa più sottile di circa un quarantesimo della larghezza — e il risultato sarà un'icona riconoscibile invece di una miniatura fedele di qualcosa di illeggibile. Quel ritaglio da cinque minuti vale più di ogni opzione su questa pagina.

Qualunque cosa arrivi, l'immagine viene scalata così che il suo lato più lungo non superi 256 pixel prima di essere scritta. È il tetto proprio del formato piuttosto che una policy: la directory ICO memorizza larghezza e altezza di ogni immagine in un singolo byte, e 256 viene registrato come zero perché 256 non ci sta in un byte. Ogni Windows da Vista in poi legge quella convenzione correttamente.

Ogni dimensione nel file viene poi fatta da quell'immagine a 256 pixel in un passaggio filtrato su una tela quadrata, quindi un file da stampa a 3.000 pixel non esce aliasato e un marchio non quadrato viene centrato con spazio trasparente invece che stirato. Ciò che esce è però semplificato: i dettagli più stretti di circa un centesimo della larghezza dell'immagine mediano via del tutto. Se l'icona deve essere nitida a 32 pixel specificamente, la via migliore resta preparare deliberatamente una versione a 32 pixel in un editor, perché un ridimensionamento da 3.000 pixel e un'icona a 32 pixel disegnata apposta sono cose visibilmente diverse.

TIFF contiene diverse immagini per file e così fa ICO — è a cosa serve il formato, dato che un vero file icona porta versioni a 16, 32, 48 e 256 pixel della stessa opera così che ogni contesto possa scegliere quella che vuole. La tabella comparativa su questa pagina riporta correttamente entrambi i fatti sui formati, e questa conversione rispetta esattamente uno dei due.

Il lettore TIFF prende la pagina uno e si ferma, quindi un file multipagina perde silenziosamente tutto dopo — si controlla su quale pagina sia il logo prima di convertire un pacchetto brand che contiene anche una versione monocromatica e una invertita. Lo scrittore ICO, d'altra parte, emette l'intero insieme: una voce di directory per dimensione, tre per impostazione predefinita a 48, 32 e 16, ognuna il proprio PNG. Quindi l'asimmetria va nella direzione voluta. Un file da stampa che darà sempre e solo un'immagine la dà in un contenitore che poi la porta a ogni dimensione che un browser o una barra delle applicazioni chiederanno.

Un ICO può contenere bitmap grezzi o PNG, e questo contiene un PNG per dimensione. È la convenzione moderna, produce un file una frazione della dimensione dell'alternativa a bitmap grezzo, e porta con sé un vero canale alfa a 8 bit — quindi un logo ritagliato dal suo sfondo resta ritagliato, con bordi morbidi antialiasati invece di una maschera a un bit frastagliata.

È il motivo più forte per convertire un logo piuttosto che una fotografia in un'icona. Una favicon sta su qualunque colore abbia la barra delle schede del browser in quel momento, e cambia tra temi chiaro e scuro; un marchio su un quadrato bianco opaco sembra un errore in modalità scura. Se il TIFF non ha uno sfondo trasparente ma l'opera è su bianco piatto, vale la pena rimuovere quello sfondo prima di convertire.

Un TIFF da stampa è spesso CMYK con un profilo ICC allegato, e quella combinazione è ciò che lo rende stampabile. Il lettore qui converte CMYK in colore schermo con una formula fissa piuttosto che tramite il profilo, quindi l'icona è riconoscibilmente il marchio e non esattamente esso — di solito un po' piatta dove il profilo avrebbe sollevato i toni scuri, e leggermente fuori sui rossi e blu aziendali saturi.

Per un'icona di scheda a 32 pixel nessuno lo noterà. Per un marchio dove il colore è l'asset, vale la pena fare la conversione correttamente: si apre il TIFF in Photoshop, Affinity o GIMP, si converte in sRGB con il profilo corretto, si esporta una copia RGB, e la si porta qui. Vale la pena farlo anche se la stessa opera verrà usata altrove sul sito, perché una favicon che non corrisponde al logo dell'intestazione è un'incoerenza visibile.

I sedici bit per canale vengono ridotti a otto mantenendo il byte alto, invisibile a dimensione icona. I livelli vengono appiattiti nel composito. EXIF, XMP, IPTC e qualsiasi profilo ICC vengono scartati — ogni conversione immagine qui decodifica in pixel grezzi e ricodifica, quindi succede da sé e nessuna impostazione sulla pagina lo previene.

La dimensione cala di conseguenza e nettamente. I campioni propri di questo sito a 480 per 320 sono 615.400 byte come TIFF, e un'icona derivata da opera da stampa arriva a kilobyte a una cifra perché sono poche centinaia di pixel di PNG dietro una directory di poche decine di byte. L'insieme predefinito a tre dimensioni è normalmente anche il file più piccolo oltre a essere l'icona migliore — tre piccoli PNG di un marchio piatto misurati a 1.062 byte contro 2.229 per una singola voce a 256 pixel. In entrambi i casi il file non ha alcuna implicazione di prestazioni, una cosa in meno in una checklist di lancio.

Per un sito web, lo si mette alla radice come /favicon.ico. I browser richiedono quel percorso indipendentemente dal fatto che qualcosa nel markup vi punti, e un 404 per esso è una delle righe più comuni in un log server. Aggiungere anche un elemento link nell'head non fa danno e rende esplicita l'intenzione.

Per un collegamento Windows, si fa clic destro sul collegamento, si sceglie Proprietà, poi Cambia icona, e lo si punta al file. Per un'applicazione, lo strumento di build di solito vuole un ICO multi-dimensione e lo dirà — si sceglie "Tutte le dimensioni comuni" e ne ottiene uno, da 256 a 16, da questa pagina invece che da uno strumento icone separato. I browser moderni accettano anche un PNG o un SVG come favicon tramite un elemento link, cosa da sapere: l'ICO è richiesto solo per la richiesta nuda /favicon.ico e per Windows stesso.

Se il marchio esiste anche come vettore — un SVG, un EPS, un file AI nello stesso pacchetto brand — si usa quello invece. L'opera vettoriale viene renderizzata piuttosto che ricampionata in ingresso, quindi i bordi vengono antialiasati una volta invece di due, ed elude del tutto il problema CMYK perché un SVG porta già colore schermo. Cercarlo nella cartella di consegna è di solito un uso migliore di dieci minuti che regolare qualcosa qui.

Se l'obiettivo non è davvero un'icona, le pagine sorelle hanno più probabilità di essere giuste: TIFF in PNG per un logo che deve andare in un documento o una diapositiva con la trasparenza intatta, TIFF in WebP per uno che deve andare su una pagina web, e TIFF in SVG se l'opera deve essere ritracciata in forme per segnaletica o taglio. ICO serve per l'insieme ristretto di posti che richiedono davvero il contenitore.

utif2 decodifica il TIFF, l'immagine viene scalata e codificata come PNG una volta per dimensione, e un'intestazione di sei byte più sedici byte di directory per voce vengono scritti attorno a esse — tutto nel browser, con nulla caricato. Su questa pagina vale la pena dirlo chiaramente, perché il file è quasi sempre un logo che qualcuno possiede e spesso uno non ancora pubblicato.

Il limite gratuito è 100 MB per file, ben oltre qualsiasi logo da stampa. I lotti funzionano se si hanno diversi marchi da convertire — si trascina una cartella, si prende uno ZIP — anche se la maggior parte della gente su questa pagina ha esattamente un file e una voce di checklist. Il codificatore PNG è condiviso con il resto della pipeline immagini del sito, quindi l'icona viene compressa con oxipng in uscita invece di essere lasciata a quanto il codificatore ha prodotto per primo.