Crea una favicon nitida anche a 16 px. Parti da un’immagine, testo o emoji, controllala in contesti reali e scarica un pacchetto pronto per la produzione.
🔒 La tua immagine non lascia mai questo browser.
Anteprima design
Come appare piccola?
64px48px32px24px16px
Esporta
Scarica il pacchetto favicon
Include ICO, PNG, Apple, manifesto PWA e istruzioni di installazione.
Usa questi tag nell’intestazione HTML.
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Nozioni sulla favicon
Più di un logo ridotto: un segno nitido nelle dimensioni reali.
ICO, PNG e SVG
ICO è molto compatibile. PNG serve dimensioni specifiche. SVG è adatto solo se la sorgente è un vero vettore sicuro.
Come aggiungere una favicon
Il pacchetto include istruzioni per HTML, Next.js e React/Vite. Scegli un metodo di installazione.
Suggerimenti per la modalità scura
Controlla l’anteprima chiara e scura prima dell’esportazione. Un segno scuro può sparire nella barra del browser scura.
Rendering Google
Google controlla il rendering finale della favicon. Mantieni l’icona quadrata, stabile e scansionabile; gli aggiornamenti possono richiedere tempo.
FAQ
FAQ del generatore di favicon
Cos’è una favicon?
È la piccola icona quadrata mostrata nelle schede del browser, nei preferiti e in alcuni risultati di ricerca.
Quali dimensioni servono?
Il pacchetto include ICO e PNG da 16, 32, 180, 192 e 512 pixel per browser e app comuni.
L’immagine viene caricata?
No. Decodifica, disegno ed esportazione avvengono nel browser.
È un generatore AI?
No. Crea file favicon da immagine, testo o emoji e non rivendica la generazione AI del logo.
Perché la favicon è sfocata?
Le icone piccole richiedono un segno nitido e ad alto contrasto. Usa le anteprime reali da 16 e 32 px per ridurre margini o dettagli.
