Generatore di favicon
Trasforma un logo, un SVG, una lettera o un’emoji in un set di favicon completo per browser, Google, iPhone e Android, con anteprime dal vivo e codice di installazione pronto.
Come si usa: Generatore di favicon
- 1
Scegli un’origine
Carica un logo PNG, JPG, WebP o SVG e ritaglialo a quadrato, oppure digita una lettera o un’emoji e scegli font e colori.
- 2
Regola ogni piattaforma
Imposta sfondo, angoli e margine per browser, iOS e Android, rendi adattiva l’icona Android e controlla le anteprime dal vivo di scheda, ricerca e schermata Home.
- 3
Scarica e installa
Ottieni favicon.ico, favicon.svg, icone PNG e site.webmanifest in un unico ZIP, poi segui le istruzioni per HTML, Next.js, Vite o WordPress.
Cosa contiene un set di favicon moderno
La favicon è la piccola icona che compare nelle schede del browser, nei segnalibri e nei risultati di ricerca di Google; sugli smartphone diventa l’icona del tuo sito nella schermata Home. Ogni piattaforma richiede i propri file, quindi una favicon moderna non è una singola immagine, ma un piccolo set di immagini accompagnato da un manifest dell’app web.
Carica un logo PNG, JPG, WebP o SVG e ritaglialo a quadrato, oppure crea un’icona da una lettera o un’emoji. Poi regola ogni piattaforma separatamente: sfondo e angoli per i browser desktop e Google, sfondo pieno e margine per la schermata Home di iPhone e un’icona adattiva (maskable) per Android che mantiene il logo nella zona sicura. Le anteprime dal vivo mostrano le schede del browser in modalità chiara e scura, la barra dei segnalibri, un risultato di Google e le schermate Home di iOS e Android con maschere a cerchio, squircle e quadrato arrotondato.
Lo ZIP segue le best practice attuali: favicon.ico a 16, 32 e 48 px, favicon.svg se l’originale è un SVG (con adattamento facoltativo alla modalità scura), favicon-96x96.png, un apple-touch-icon.png 180×180, icone del manifest da 192 e 512 px e site.webmanifest. Copia il codice HTML o segui i passaggi per Next.js, React/Vite o WordPress, poi verifica il risultato con il nostro strumento di verifica favicon. Tutto viene generato nel tuo browser.
Tutto funziona in locale nel tuo browser: le tue immagini non vengono mai caricate su un server.