Converti PNG in ICO (favicon)

Una favicon è la piccola icona che i browser mostrano nella scheda, nella barra dei segnalibri e nella cronologia. Questo strumento trasforma un PNG in un vero file .ico multi-dimensione con versioni da 16, 32, 48 e 64 pixel, creato interamente sul tuo dispositivo senza caricamenti.

Come convertire PNG in ICO

Trascina la tua immagine PNG nello strumento qui sotto. Un'immagine quadrata funziona meglio.
Il formato di uscita è già impostato su ICO (favicon).
Clicca su Avvia per generare un .ico multi-dimensione.
Scarica la tua favicon.ico e mettila nella radice del sito.

Cosa deve fare una favicon

Una favicon viene mostrata a dimensioni molto piccole, spesso 16 pixel per lato. A quella dimensione, i dettagli fini scompaiono e le linee sottili svaniscono del tutto. Una buona favicon è una forma audace e semplice con forte contrasto: una singola lettera, una versione semplificata di un marchio, o una forma piena nel colore del brand. Se il tuo logo completo ha un logotipo, usa solo il simbolo, o solo la prima lettera.

Il motivo per cui i file .ico contengono diverse dimensioni è che scalare una singola immagine in su o in giù al momento della visualizzazione appare sfocato. Fornendo versioni da 16, 32, 48 e 64 pixel, il sistema operativo o il browser può mostrare un'immagine esatta al pixel in ogni contesto: 16 px in una scheda, 32 px in un elenco di segnalibri su uno schermo ad alta densità, 48 px in un collegamento sulla barra di Windows, e così via.

Preparare il PNG sorgente

Rendilo quadrato. Se il tuo logo è largo, mettilo prima su una tela quadrata trasparente, o ritaglia al simbolo usando lo strumento di ritaglio.
Parti da 256 pixel o più. Ridurre da una sorgente grande e pulita dà risultati più morbidi che ingrandirne una piccola.
Mantieni uno sfondo trasparente se la forma è piena, così che stia bene sia sui temi chiari che scuri del browser. Se la forma è sottile o di colore chiaro, mettila invece su un quadrato pieno con angoli arrotondati.
Evita testo più lungo di uno o due caratteri; sarà illeggibile a 16 pixel.

Installare la favicon

Salva il file scaricato come favicon.ico e mettilo nella cartella radice del tuo sito. Poi aggiungi questo dentro l'<head> di ogni pagina:

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

La maggior parte delle piattaforme ha invece un'impostazione dedicata: WordPress la chiama Icona del sito sotto Aspetto, Shopify e Squarespace hanno un campo Favicon nelle impostazioni del tema, e Webflow ne ha uno nelle Impostazioni progetto. Carica lì il .ico.

Andare oltre

Per l'insieme completo di icone che i dispositivi moderni richiedono, ti servirà anche un PNG da 180 pixel per i collegamenti nella schermata home di iOS (apple-touch-icon) e PNG da 192 e 512 pixel per Android e il manifest della web app. Sono semplici file PNG, quindi usa lo strumento di ridimensionamento per produrli dallo stesso master. Il .ico di questa pagina copre schede del browser, segnalibri e Windows, che è dove la maggior parte delle persone nota una favicon mancante.

Domande frequenti

Che dimensione dovrebbe avere il PNG di partenza?

Quadrata, e almeno 64 per 64 pixel. Un PNG quadrato da 256 pixel dà i risultati ridotti più puliti. Le immagini non quadrate vengono centrate e riempite con trasparenza.

Cosa c'è dentro il file .ico?

Quattro immagini codificate PNG a 16, 32, 48 e 64 pixel. Browser e Windows scelgono la dimensione più adatta al contesto, così l'icona è nitida in una scheda, in un segnalibro e in un collegamento sul desktop.

Come aggiungo la favicon al mio sito?

Carica favicon.ico nella radice del sito (così che sia raggiungibile su tuosito.it/favicon.ico) e aggiungi <link rel="icon" href="/favicon.ico"> dentro l'<head> delle pagine. I browser memorizzano le favicon in modo aggressivo, quindi potrebbe servire un ricaricamento forzato per vedere la modifica.

Serve ancora un file .ico nel 2026?

I browser moderni accettano favicon PNG e SVG, ma .ico è l'unico formato che funziona ovunque, inclusi browser più vecchi, collegamenti di Windows e alcuni lettori di feed. La maggior parte dei siti li fornisce entrambi.

I tuoi file non lasciano mai il tuo dispositivo

Ogni strumento di Squishly Tools è gratuito al 100% e funziona interamente nel tuo browser. Le tue immagini e i tuoi documenti vengono elaborati sul tuo computer e non vengono mai caricati su un server. Niente account, niente filigrane e nessun trucco.