Come si usa
- Incolla la stringa Base64 o il data URI di un’icona o dell’immagine che vuoi trasformare in icona.
- Controlla l’anteprima e le dimensioni. Un’immagine di partenza quadrata produce l’icona più pulita.
- ICO è preselezionato. In Dimensione icona scegli una dimensione (16, 32, 48, 64, 128 o 256 pixel) oppure Più dimensioni.
- Scarica il file .ico. Se l’input è già un ICO e vuoi mantenere invariate tutte le immagini che contiene, scegli Originale.
File ICO in Base64
Un file ICO è un piccolo contenitore: un’intestazione, una directory di voci e un’immagine per ogni voce, memorizzata come dati BMP o PNG. L’intestazione inizia con i byte 00 00 01 00, quindi il Base64 di un’icona comincia con AAABAA. Trovi icone in Base64 nei data URI delle favicon come <link rel="icon" href="data:image/x-icon;base64,...">, nelle pagine HTML racchiuse in un unico file e nelle API che restituiscono le icone dei siti web.
Il tipo MIME registrato è image/vnd.microsoft.icon, ma image/x-icon è molto più diffuso e funziona ovunque.
Quale dimensione scegliere per l’icona
| Dimensione | Uso tipico |
|---|---|
| 16 × 16 | Scheda del browser e segnalibri su schermi standard |
| 32 × 32 | Scheda del browser su schermi ad alta densità |
| 48 × 48 | Icone del desktop di Windows e di Esplora file |
| 64, 128 | Anteprime più grandi ed elenchi di applicazioni |
| 256 × 256 | Visualizzazioni Icone grandi e Icone molto grandi di Windows |
L’opzione Più dimensioni raccoglie 16, 32, 48 e 256 in un solo file, così ogni sistema può scegliere quella più adatta. Le immagini al suo interno sono compresse in PNG, che mantiene la trasparenza ed è supportato da Windows Vista e versioni successive e da tutti i browser moderni.
Usare l’icona come favicon
I browser richiedono automaticamente /favicon.ico dalla radice del sito, quindi salvare lì il file funziona anche senza alcun markup. Un data URI Base64 nell’attributo href evita quella richiesta, ma in questo modo l’icona viene scaricata di nuovo con ogni pagina invece di essere memorizzata nella cache come file a sé. I browser moderni accettano anche icone PNG e SVG, e una configurazione diffusa combina l’ICO con un’icona SVG:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">Parti da un’immagine quadrata con forme semplici e un contrasto netto; i dettagli fini spariscono a 16 pixel. Per ottenere una versione PNG per altri usi, prova Base64 in PNG.
Domande frequenti
Quale dimensione deve avere favicon.ico?
Un’icona con immagini da 16, 32 e 48 pixel copre browser e Windows. L’opzione Più dimensioni di questo strumento aggiunge anche 256 per le visualizzazioni a icone grandi.
Posso convertire un PNG o un SVG in Base64 in ICO?
Sì. Incollalo, lascia ICO in Scarica come e scegli una dimensione. Si può convertire qualsiasi immagine che il tuo browser sa visualizzare.
Perché l’anteprima mostra una sola dimensione della mia icona?
Un file ICO può contenere più immagini, ma l’anteprima ne mostra solo una. Scarica come Originale per conservare tutte le immagini del file.
L’ICO mantiene la trasparenza?
Sì. Le icone sono memorizzate come dati PNG con un canale alfa completo, quindi angoli arrotondati e bordi sfumati restano trasparenti.
Come inserisco un’icona in un data URI?
href del tuo tag <link rel="icon">.