Come convertire PNG in ICO
- Trascina una singola immagine nell'area di caricamento. Il PNG funziona meglio, ma sono accettati anche JPG, WebP e altri formati di immagine.
- Scegli le Dimensioni icona:
- 16, 32, 48 px (favicon) – il set standard per il
favicon.icodi un sito web. - 16–256 px (icona di Windows) – aggiunge le versioni da 64, 128 e 256 px per collegamenti sul desktop e applicazioni.
- 16, 32, 48 px (favicon) – il set standard per il
- Clicca Crea .ico e scarica il file dell'icona.
L'icona viene generata nel tuo browser; la tua immagine non viene mai caricata né salvata.
Che cos'è un file ICO?
ICO è il formato delle icone usato da Windows e dallo standard originale delle favicon dei browser. A differenza di un PNG, un singolo file .ico è un contenitore che racchiude più immagini di dimensioni diverse. Il sistema operativo o il browser sceglie quella più adatta a ogni situazione: 16 px per la scheda del browser, 32 px per la barra delle applicazioni o un segnalibro, 48 px per le icone del desktop e fino a 256 px per le visualizzazioni a icone grandi.
Questo convertitore salva ogni dimensione come immagine compressa in PNG all'interno del file ICO. Le icone compresse in PNG mantengono la piena trasparenza, sono molto più leggere delle bitmap non compresse e sono supportate da tutti i browser attuali e da Windows a partire da Windows Vista.
| Dimensione | Dove si usa |
|---|---|
| 16 × 16 | Schede del browser, barra degli indirizzi, segnalibri |
| 32 × 32 | Collegamenti nella barra delle applicazioni, schede del browser su schermi ad alta densità |
| 48 × 48 | Desktop di Windows e collegamenti ai siti |
| 64–256 | Visualizzazioni a icone grandi e schermi ad alta risoluzione in Windows |
Aggiungere la favicon al tuo sito web
Carica favicon.ico nella cartella principale del tuo sito. I browser cercano automaticamente /favicon.ico, ma è buona pratica indicarlo esplicitamente nel <head> delle tue pagine:
<link rel="icon" href="/favicon.ico" sizes="any">Molti siti forniscono anche un PNG da 180 × 180 px come apple-touch-icon per la schermata Home di iPhone e iPad. Puoi crearne uno con Ridimensiona immagine.
Consigli per un'icona nitida
- Parti da un'immagine quadrata di almeno 256 × 256 px, idealmente 512 px. Le immagini non quadrate non si adattano bene al formato quadrato delle icone.
- Mantienila semplice. A 16 × 16 px i dettagli fini e i testi piccoli spariscono. Un simbolo marcato o una sola lettera funzionano meglio.
- Usa uno sfondo trasparente (PNG), così l'icona si integra sia con i temi chiari sia con quelli scuri del browser.
- Hai un logo vettoriale? Esportalo prima a grandi dimensioni con SVG in PNG, poi convertilo qui.
Domande frequenti
Quali dimensioni di icona devo scegliere per un sito web?
Il set 16, 32, 48 px copre schede del browser, segnalibri e collegamenti e mantiene il file leggero. Scegli il set 16–256 px per le icone delle applicazioni o del desktop di Windows.
Posso convertire un JPG in ICO?
Sì. Puoi usare qualsiasi immagine che il tuo browser riesce ad aprire, ma il JPG non ha trasparenza, quindi l'icona avrà uno sfondo pieno.
Una favicon PNG basta da sola?
I browser moderni accettano favicon PNG e SVG, ma un file ICO nella cartella principale del sito resta la soluzione di riserva più compatibile per i browser più vecchi e per gli strumenti che richiedono direttamente /favicon.ico.
Aggiornato