Generatore di favicon: crea favicon online gratis

Un favicon è la piccola icona di un sito web. Appare nella scheda del browser, nei segnalibri e come icona dell'app nella schermata iniziale degli smartphone. Per apparire nitido ovunque, serve in più dimensioni: il generatore crea le versioni da 16, 32 e 48 px in favicon.ico, quella da 180 px per iOS e quelle da 192 e 512 px per Android.

Il generatore di favicon è gratuito e non richiede un account. La tua immagine non viene caricata: la creazione avviene interamente tramite l'API Canvas nel tuo browser, senza inviare o salvare nulla su un server. L'immagine può avere una dimensione massima di 15 MB.

Ottieni favicon.ico con le dimensioni di 16, 32 e 48 px in un unico file, apple-touch-icon.png (180 × 180), android-chrome-192x192.png, android-chrome-512x512.png e site.webmanifest. Puoi scaricare ogni file singolarmente oppure tutti insieme come favicon-package.zip. Ricevi anche uno snippet HTML di 6 righe per il <head> della tua pagina: include tutti i file e termina con il colore del tema, ad esempio <meta name="theme-color" content="#18e888"> se il colore è #18e888.

Non esiste un'unica dimensione: la scheda del browser mostra 16 × 16 px, la barra delle applicazioni di Windows 32 × 32 px, Esplora file e i collegamenti 48 × 48 px. iOS usa 180 × 180 px per la schermata iniziale, Android 192 × 192 e 512 × 512 px. Il generatore crea tutte queste dimensioni da un'unica immagine. Poiché i dettagli più fini e i testi lunghi diventano illeggibili a 16 × 16 px, l'anteprima ti mostra le versioni da 16, 32 e 48 px nelle dimensioni originali e le icone più grandi in scala ridotta prima che tu inserisca i file.

Carica l'immagine nella scheda «Carica immagine». Puoi spostare il ritaglio trascinandolo, applicare uno zoom tra il 50 e il 250 % e ritagliare automaticamente i bordi trasparenti. Il generatore inserisce le versioni da 16, 32 e 48 px in un vero file favicon.ico con più dimensioni e crea anche le icone PNG per iOS e Android. Ti consigliamo di partire da un'immagine quadrata di almeno 512 × 512 px, la dimensione massima generata.

Sì. Nella scheda «Testo o emoji» puoi inserire fino a 4 caratteri; funzionano meglio 1–2 lettere o una singola emoji. Scegli il colore dello sfondo, il colore del testo, la forma Arrotondata, Quadrata o Circolare e la dimensione del testo tra il 25 e l'80 %. Ottieni gli stessi file generati da un'immagine caricata.

Carica favicon.ico, apple-touch-icon.png, le due icone Android-Chrome e site.webmanifest nella directory principale del tuo sito web: lo snippet HTML fa riferimento a percorsi come /favicon.ico e /site.webmanifest. Poi copia lo snippet nel <head> delle tue pagine. Se non modifichi direttamente il <head>, ad esempio in WordPress, carica lì un'icona per il sito web, come android-chrome-512x512.png. Lo strumento non si collega direttamente al tuo sito web o al tuo CMS.

Questo colore riempie sempre lo sfondo dell'icona Apple Touch, perché iOS gestisce la trasparenza in modo inaffidabile. Se «Sfondo trasparente» è disattivato, riempie anche lo sfondo di favicon.ico e delle icone Android. Compare inoltre come theme_color e background_color in site.webmanifest e nel meta tag theme-color dello snippet HTML.