Il .ico resta il formato atteso nella radice di un sito e la maggior parte dei convertitori online richiede di caricare l’immagine sul proprio server. Ecco come ottenere da un PNG un favicon.ico multidimensione corretto, senza caricare nulla.
Un .ico non è semplicemente un’immagine rinominata
Rinominare logo.png in favicon.ico non basta. ICO è un formato contenitore con una propria intestazione: descrive quante immagini contiene, le loro dimensioni e dove inizia ciascuna nel file. Un PNG rinominato non ha questa intestazione e i browser più rigorosi rifiutano di visualizzarlo.
Un ICO corretto incorpora più risoluzioni della stessa icona. Il browser legge l’intestazione, sceglie la variante più vicina alla dimensione necessaria e non ingrandisce nulla.
Convertire un PNG in ICO in tre passaggi
Primo passaggio: prepara la sorgente. Un PNG quadrato di almeno 512×512 pixel offre il risultato migliore perché ogni dimensione viene prodotta per riduzione. Se l’immagine ha uno sfondo trasparente, decidi subito se conservarlo: è perfetto per una scheda, ma iOS e Android lo sostituiranno con il nero.
Secondo passaggio: genera le risoluzioni. Il file dovrebbe contenere almeno 16×16, 32×32 e 48×48. Il ridimensionamento deve usare un filtro di ricampionamento di qualità, altrimenti le dimensioni più piccole diventano illeggibili.
Terzo passaggio: riuniscile. Le tre immagini vengono assemblate in un unico contenitore ICO, con un’intestazione che descrive ogni voce. Il risultato va nella radice del sito con il nome favicon.ico, dove i browser lo trovano anche senza tag HTML.
Perché è importante convertire in locale
La maggior parte dei convertitori da PNG a ICO carica il file su un server, lo elabora e restituisce il risultato. Il tuo logo, spesso ancora prima del lancio pubblico, finisce su una macchina che non controlli, soggetto a una politica di conservazione che non hai letto.
Un browser moderno può però fare tutto da solo: decodificare un PNG, ridimensionarlo su un canvas, ricodificare ogni dimensione e assemblare il contenitore ICO. È ciò che fa LFFavicon. Nessuna richiesta trasporta l’immagine e chiudendo la scheda tutto viene cancellato.
Il vantaggio non è solo teorico: la conversione è immediata, funziona offline una volta caricata la pagina e non ci sono code né limiti giornalieri.
Il solo .ico non basta più
Convertire il PNG in ICO copre schede e client meno recenti, ma lascia scoperti tre contesti: i browser moderni, che preferiscono un SVG nitido a ogni dimensione; la schermata Home iOS, che richiede un PNG opaco 180×180; Android, che legge il manifest web.
Dato che stai già elaborando l’immagine, produci l’intero set in un solo passaggio. È ciò che fa il generatore: da una sorgente ottieni .ico, SVG, icona Apple Touch e icone del manifest, con un’anteprima di ogni contesto prima del download.
Fonti primarie
Domande frequenti
Quali dimensioni deve avere un PNG per creare un ICO?
Un quadrato di almeno 512×512 pixel. Sotto 128×128, le dimensioni maggiori del pacchetto devono essere ingrandite e il risultato appare sfocato. Un SVG è ancora meglio, perché non ha limiti di risoluzione.
La trasparenza viene conservata nel .ico?
Sì, il formato ICO supporta un canale alfa completo e un PNG trasparente resta trasparente nella scheda. Attenzione però all’icona iOS: il sistema riempie le aree trasparenti di nero, quindi aggiungi uno sfondo.
Dove va inserito il file favicon.ico?
Nella radice del dominio, raggiungibile all’indirizzo https://yoursite.com/favicon.ico. Browser e crawler richiedono per convenzione proprio quell’indirizzo, anche se nessun tag link lo dichiara.