Generatore di Favicon
Carica un'immagine e ottieni un set completo di favicon — sei dimensioni PNG, ciascuna con anteprima e scaricabile singolarmente — più l'HTML esatto da incollare nel <head> del tuo sito. Niente di ciò che carichi lascia mai il browser.
Il tuo set di favicon
Incolla questo nel tuo <head>
Salva ogni file scaricato nella cartella radice del tuo sito con il suo nome esatto, poi aggiungi questi tag:
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="manifest" href="/site.webmanifest">
Il file 512×512 non si collega con un tag <link> — va
nell'array icons del tuo file site.webmanifest, referenziato dalla riga rel="manifest" qui sopra, per le icone di
installazione PWA e le splash screen.
Un'immagine, un set completo di favicon
I siti moderni richiedono più dimensioni di favicon di quante
ne copriva il vecchio file .ico singolo da 16×16:
un'icona nitida per le schede del browser, una più grande per i
collegamenti Windows, un'icona touch di Apple per la schermata
home iOS, e icone Android/PWA per le installazioni delle app.
Questo strumento disegna la tua immagine caricata su una tela
in ciascuna di queste dimensioni esatte e ti lascia scaricare
ogni risultato come PNG a sé — senza andata e ritorno al
server, e senza un formato binario superato da sbagliare.
Esempio pratico
Carica un logo quadrato di 512×512. Lo
strumento lo renderizza subito a 16×16, 32×32, 48×48, 180×180, 192×192, e di nuovo a 512×512 — sei anteprime etichettate, ciascuna
con il proprio pulsante di download e il nome file corretto già
impostato. Salva i sei file accanto al tuo index.html, incolla lo snippet di sei righe nel
tuo <head>, e ogni piattaforma — schede del
browser, schermata home iOS, installazioni Android/PWA — usa
automaticamente la dimensione giusta.
Domande frequenti
Questo genera un file .ico?
No — genera file PNG singoli in ogni dimensione standard (da 16×16 a 512×512), non un contenitore .ico multi-risoluzione ormai superato. È una scelta deliberata e onesta: tutti i browser attuali accettano favicon PNG direttamente, quindi un set di PNG con le dimensioni corrette è la prassi attuale consigliata, non una scorciatoia. Scrivere un file .ico corretto byte per byte è un formato binario a sé, e preferiamo darti file garantiti funzionanti piuttosto che simulare un formato che non possiamo verificare.
Le favicon PNG funzionano su tutti i browser?
Sì, su qualsiasi browser rilasciato negli ultimi anni. Il requisito del .ico è un residuo di vecchissime versioni di Internet Explorer; tutti i browser moderni (Chrome, Firefox, Safari, Edge) leggono senza problemi le icone PNG referenziate con un semplice tag <link rel="icon"> — è per questo che siti come GitHub o Google pubblicano set PNG invece del .ico oggi.
La mia immagine di origine non è quadrata, le icone risulteranno deformate?
Sì. Ogni dimensione viene generata disegnando la tua immagine direttamente su una tela quadrata di quella dimensione esatta, quindi un'immagine non quadrata viene stirata per adattarsi. Per il risultato migliore, ritaglia prima l'immagine in un quadrato — il nostro strumento Ritaglia Immagine lo fa in pochi secondi — e poi passala in questo generatore.
La mia immagine viene caricata su qualche server?
No. Il file non lascia mai il tuo dispositivo — viene decodificato e ridisegnato in ogni dimensione usando il Canvas API del browser stesso, e ogni download viene generato localmente. Niente viene inviato, salvato o registrato su un server.