Generatore Favicon
Genera favicon in tutte le dimensioni richieste da qualsiasi immagine. Scarica come PNG.
① Carica il tuo logo o immagine icona ② Anteprima di tutte e 6 le dimensioni ③ Scarica come ZIP
Cos'è una favicon?
Una favicon è una piccola icona mostrata nelle schede del browser, nei preferiti e nella cronologia. I siti moderni necessitano di più dimensioni: 16×16 per le schede, 32×32 per i collegamenti desktop, 180×180 per Apple Touch Icon, 192×192 per Android Chrome e 512×512 per PWA. Questo strumento genera tutte le dimensioni usando Canvas API nel browser. Aggiungile all'HTML con tag <link rel="icon">.
Domande Frequenti
Le favicon moderne richiedono: 16×16 (scheda browser), 32×32 (taskbar), 48×48 (Windows), 180×180 (Apple Touch Icon), 192×192 (Android Chrome) e 512×512 (PWA splash). Questo strumento genera tutte e sei le dimensioni standard.
Usa un'immagine quadrata per i migliori risultati. PNG con trasparenza è ideale. SVG produce favicon più nitide. La dimensione minima consigliata è 512×512 pixel.
Aggiungi questi tag nell'HTML <head>: <link rel="icon" sizes="32x32" href="/favicon-32x32.png">. Per Apple: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.
favicon.ico è il formato legacy che può contenere più dimensioni. PNG è moderno e ampiamente supportato. Best practice: fornire entrambi. Posiziona favicon.ico nella directory root e collega le PNG via <link>.
Le favicon sono memorizzate aggressivamente dai browser. Per forzare l'aggiornamento: Ctrl+Shift+R, svuota la cache, o aggiungi un query string al URL della favicon.
Sì. Le PWA richiedono 192×192 per l'icona home screen e 512×512 per splash screen nel manifest. Usa icone maskable per una compatibilità ottimale con le forme launcher di Android.
È l'icona mostrata quando un utente aggiunge il sito alla home screen iOS. Dimensione consigliata: 180×180px. Usa un'immagine quadrata senza angoli arrotondati pre-applicati.