Convertire PNG in ICO

Perché un ICO multi-formato?

Una favicon compare in tanti posti e a dimensioni diverse: 16 px nella scheda del browser, 32 px nei preferiti e nella barra delle applicazioni di Windows, 48 px e oltre per collegamenti e siti fissati. Un singolo PNG piccolo diventa sfocato quando viene ingrandito e perde dettagli quando viene rimpicciolito. Un file .ico risolve il problema raccogliendo più dimensioni già pronte in un unico file: browser e sistema operativo scelgono quella migliore.

Preparare l’immagine di partenza

• Quadrata. Le icone sono quadrate: ritaglia il logo in formato 1:1 prima di convertirlo.
• Abbastanza grande. 256 × 256 px o più, perché anche la dimensione maggiore dentro l’ICO sia nitida. Un SVG è l’ideale, perché si disegna in modo pulito a ogni dimensione.
• Sfondo trasparente. Usa un PNG o un SVG con trasparenza, così l’icona si fonde con i temi chiari e scuri del browser.
• Semplice. A 16 px un logo completo di slogan è illeggibile: usa il simbolo o l’iniziale del tuo marchio.

Se il logo è un SVG e ti servono anche versioni PNG, esportale con SVG in PNG. Se l’immagine di partenza è molto grande, puoi ridurla prima con Ridimensionare immagini.

Usare la favicon

1. Rinomina il file scaricato in favicon.ico.
2. Caricalo nella cartella principale del sito (in modo che sia raggiungibile su tuosito.it/favicon.ico).
3. Aggiungi questa riga nel <head> delle tue pagine:

<link rel="icon" href="/favicon.ico" sizes="any">

Piattaforme come WordPress, Shopify, Squarespace e Wix hanno un’impostazione «Icona del sito» o «Favicon» dove puoi caricare direttamente il file. I browser tengono in cache le favicon molto a lungo: se non vedi la nuova icona, apri il sito in una finestra in incognito.

Problemi comuni

• L’icona è sfocata nella scheda del browser. L’immagine di partenza era troppo piccola o troppo dettagliata. Usa un’immagine più grande e più semplice, idealmente un SVG.
• L’icona ha un quadrato bianco o nero intorno. L’immagine di partenza non aveva trasparenza (spesso un JPG). Usa un PNG con sfondo trasparente.
• Si vede ancora la vecchia icona. Svuota la cache o prova in una finestra in incognito.

Icone per Windows

Lo stesso file .ico funziona anche su Windows: fai clic destro su un collegamento o una cartella, scegli Proprietà → Personalizza o Cambia icona e seleziona il tuo file.

Privato e gratuito

Nessun account, nessuna filigrana e nessun upload: l’icona viene generata direttamente nel browser a partire dalla tua immagine, quindi il logo di un marchio non ancora lanciato resta sul tuo computer.