Come si converte un PNG in un file ICO?
Trascina il PNG su questa pagina, lascia selezionate 16, 32 e 48 px e scarica il risultato. Tutto gira nel browser, quindi l'immagine non viene mai caricata. Da riga di comando l'equivalente più comune è magick logo.png -define icon:auto-resize=48,32,16 favicon.ico.
Perché la mia icona è sfocata alle dimensioni piccole?
Quasi sempre perché il file contiene un'unica immagine grande e tutto ciò che è piccolo è il browser che la rimpicciolisce al volo. Nessuna riduzione è senza perdita una volta che la griglia di pixel si restringe: tratti sottili e dettagli fini spariscono sotto i 24 px circa, per quanto buono sia il ricampionamento, quindi la qualità la decidono le dimensioni impacchettate, non il convertitore. Impacchetta un vero livello da 16 px e, se il logo è ricco di dettagli, semplifica il disegno per quel livello invece di scalarlo.
Le immagini all'interno devono essere PNG o BMP non compresso?
PNG, a meno che tu non abbia un motivo per non farlo: è un ordine di grandezza più piccolo e lo leggono tutti i browser attuali e ogni versione di Windows da Vista in poi. Le bitmap non compresse restano la scelta più diffusa nella pratica, soprattutto perché ImageMagick converte a quelle per impostazione predefinita, e sono la scommessa più sicura con software molto vecchio. La pagina mostra entrambe le dimensioni del file così puoi decidere sul numero.
Perché non c'è l'opzione 512 px?
La directory memorizza la lunghezza di ciascun lato in un solo byte, quindi il valore più grande esprimibile è 255 e lo 0 è riservato per significare 256. Non c'è modo di scrivere 512. I convertitori che la offrono producono una voce di directory che non descrive l'immagine che le sta dietro, un ottimo modo per ritrovarsi con un'icona che certi programmi si rifiutano di mostrare.
Un PNG con sfondo trasparente resta trasparente una volta diventato ICO?
Sì. Il canale alfa viene scritto per intero, e la maschera a un bit che i programmi più vecchi leggono al suo posto è derivata dall'alfa invece di essere lasciata vuota: è proprio quella maschera lasciata vuota a trasformare uno sfondo trasparente in un quadrato nero negli strumenti che non la riempiono. Un pixel parzialmente trasparente conta come trasparente nella maschera quando il suo alfa scende sotto la metà, che è l'unica scelta possibile dato che la maschera ha un bit per pixel.
Posso convertire un SVG in ICO?
Sì, e una sorgente vettoriale è l'ingresso migliore possibile perché ogni dimensione viene disegnata dalla geometria invece di essere ricampionata da una bitmap. Un'avvertenza: tutto ciò che l'SVG richiama dalla rete — un'immagine collegata, un font remoto, un foglio di stile importato — viene bloccato durante la conversione senza generare alcun errore. La pagina cerca questi riferimenti e ti avvisa.
Serve ancora un favicon.ico nella radice del sito?
Vale la pena averlo, ma non è più il percorso principale. La specifica HTML dice che i browser possono richiedere /favicon.ico, e solo quando la pagina non ha alcun elemento link per l'icona. L'elemento link è ciò che i browser devono usare per primo; il file nella radice copre lettori di feed, crawler e tutto ciò che non analizza mai il tuo HTML.
Google ha bisogno di un file ICO per i risultati di ricerca?
No. La documentazione di Google sulle favicon accetta BMP, GIF, ICO, PNG, JPEG, PPM e TIFF, richiede un'immagine quadrata di almeno 8 px e consiglia di superare i 48 px perché si veda bene sulle diverse superfici. Basta un singolo PNG grande; il .ico serve per tutto il resto.
Perché il browser mi mostra una sola dimensione quando apro un .ico?
Perché è tutto quello che un elemento immagine può darti. Passa un .ico a più dimensioni a un browser e lui ne sceglie una — in pratica la più grande — e le altre restano irraggiungibili. Elencare ogni livello richiede di analizzare direttamente il contenitore, che è ciò che fa la scheda ICO → PNG di questa pagina.
Cosa significa che la directory e l'immagine non concordano sulla dimensione?
Significa che il file è incoerente al suo interno, e i decoder lo gestiscono in modi opposti: alcuni si fidano della directory e finiscono per non disegnare nulla, altri si fidano dei dati dell'immagine e la mostrano correttamente. È una causa classica di icona che funziona su una macchina ed è invisibile su un'altra, perciò questa pagina lo segnala quando apri un file.
Questo strumento apre file ICO che altri convertitori rifiutano?
Spesso sì. I livelli memorizzati come bitmap con palette — quattro o otto bit per pixel — sono ancora usati da diverse favicon molto note e molti convertitori li rifiutano a priori. Anche i livelli rotti vengono trattati uno alla volta, così un'unica dimensione illeggibile non impedisce l'esportazione delle altre. L'elenco segnala anche ogni livello PNG incorporato che Firefox scarterà: il suo decoder ICO accetta solo RGB o RGBA a 8 bit, quindi un PNG con palette o in scala di grigi lì sparisce. Il sito di Mozilla stesso ha pubblicato un'icona con esattamente questo problema: il suo livello da 64 px è un PNG con palette che Firefox stesso lascia cadere, e sono solo gli altri livelli a tenere l'icona visibile.
La mia immagine viene caricata da qualche parte?
No. Il file viene letto con la File API del browser, disegnato su un canvas di questa pagina e impacchettato nel contenitore da JavaScript eseguito in locale. Nessuna richiesta porta l'immagine da nessuna parte, cosa che puoi verificare nel pannello di rete degli strumenti per sviluppatori — oppure caricando la pagina, scollegandoti dalla rete e convertendo lo stesso: una volta caricata la pagina, funziona offline.