Generatore di favicon

Trasforma il tuo logo o un paio di lettere in tutte le icone di cui un sito ha bisogno: un favicon.ico multi-dimensione, icone PNG per browser, iPhone e Android e un site.webmanifest pronto. Tutto arriva in un unico ZIP, insieme al codice HTML da incollare.

Le tue immagini restano sul tuo dispositivo. L'elaborazione avviene interamente nel browser.

Come usare Generatore di favicon

  1. Trascina il tuo logo (PNG, JPG, WebP o SVG) oppure fai clic su «Crea da lettere o emoji».
  2. Scegli come adattare l’immagine, oppure scrivi le lettere e scegli forma e colori. Controlla il risultato nell’anteprima della scheda.
  3. Fai clic su «Crea favicon», scarica lo ZIP, carica i file nella cartella principale del sito e incolla il codice HTML nel <head>.

Domande frequenti

Quali file ci sono nello ZIP?

favicon.ico (16, 32 e 48 px in un unico file), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png e site.webmanifest. Così copri tutti i browser attuali, la schermata Home di iPhone e iPad e Android.

Dove metto i file?

Caricali nella cartella principale del sito (accanto a index.html) e incolla i tag <link> copiati nel <head> delle tue pagine. Se li metti in una sottocartella, modifica i percorsi nel codice e in site.webmanifest.

Che immagine funziona meglio?

Un logo quadrato e semplice, con sfondo trasparente e senza testo piccolo, perché i dettagli fini spariscono a 16 px. Per scontornare il logo usa Rimuovi sfondo; per renderlo quadrato, Ritaglia immagine. Un SVG dà il risultato più nitido a ogni dimensione e puoi alleggerirlo prima con Ottimizza SVG.

Posso usare un’emoji?

Sì. Scegli «Crea da lettere o emoji» e scrivi fino a tre caratteri, per esempio le tue iniziali o una sola emoji. Le emoji vengono disegnate con il font emoji del tuo dispositivo, quindi appaiono un po’ diverse su Windows, Mac e Android.

Perché l’icona per iPhone ha lo sfondo pieno?

iOS mostra in nero le parti trasparenti delle icone nella schermata Home, quindi apple-touch-icon.png ha sempre uno sfondo quadrato pieno: il colore scelto per le lettere, bianco per le immagini. Gli angoli li arrotonda iOS.

La mia immagine viene caricata?

No. Tutte le icone vengono disegnate nel browser e la tua immagine non lascia mai il dispositivo.

Altri strumenti

Cerca strumenti