Generatore di favicon
Trasforma il tuo logo, una foto, una lettera o un'emoji in un set completo di favicon: favicon.ico con 16, 32 e 48 px, icone PNG, un'Apple touch icon per la schermata Home dell'iPhone, icone per Android e un web manifest. Scarichi tutto in un unico ZIP, insieme ai tag <link> da incollare nella pagina. Le icone vengono create nel browser: il tuo logo non viene caricato da nessuna parte.
A grandezza reale
In una scheda del browser
Incolla questo codice nel <head> delle tue pagine:
Metti i file nella cartella principale del sito, accanto alla home. Se li metti altrove, cambia i percorsi.
Come funziona
- Trascina il logo o l'immagine, oppure passa a «Testo o emoji» e digita uno o due caratteri.
- Se l'immagine non è quadrata, scegli Adatta o Riempi e, se non vuoi la trasparenza, un colore di sfondo. Controlla l'anteprima della scheda.
- Scarica lo ZIP, metti i file nella cartella principale del sito e incolla l'HTML nel <head>.
Domande frequenti
Di quali dimensioni di favicon ho davvero bisogno?
Per i browser attuali: favicon.ico (per i browser più vecchi e i programmi che chiedono direttamente /favicon.ico), un PNG da 32 px per le schede sugli schermi ad alta densità, un'apple-touch-icon da 180 px per la schermata Home di iPhone e iPad, e le icone da 192 e 512 px nel web manifest per Android e le web app installabili. È esattamente ciò che ottieni qui; le decine di formati di certi generatori non servono.
Quale immagine funziona meglio?
Un logo o un simbolo quadrato di almeno 512 px, con pochi dettagli. A 16 px ci sono appena 256 pixel: testo e linee sottili spariscono. Un'iniziale bella spessa o un simbolo semplice si legge molto meglio del nome completo. Con un SVG il risultato è il più nitido.
Perché non vedo la nuova favicon?
I browser tengono la favicon in cache molto a lungo. Apri la pagina in una finestra in incognito, oppure apri direttamente tuodominio.it/favicon.ico e aggiorna. Nei risultati di Google l'aggiornamento può richiedere giorni o settimane.
Funziona con WordPress, Shopify o Wix?
Sì. Queste piattaforme di solito hanno un'impostazione apposita per l'icona del sito, dove aggiungi un'immagine quadrata: android-chrome-512x512.png dello ZIP va benissimo. Il codice HTML serve per i siti in cui modifichi tu il <head>.
Il mio logo viene caricato su un server?
No. Il browser legge l'immagine, la ridimensiona e crea lo ZIP. Non viene inviato nulla a un server.