256px
128px
64px
32px
16px

Informazioni su questo strumento

Il generatore di favicon trasforma uno o due caratteri o un'emoji in una favicon con sfondo, colore del testo e forma a tua scelta, ed esporta file PNG a 256, 128, 64, 32 e 16 px.

Come si usa

  1. Scrivi una o due lettere o incolla un'emoji.
  2. Scegli i colori dello sfondo e del testo.
  3. Scegli una forma quadrata, arrotondata o circolare.
  4. Scarica le dimensioni PNG che ti servono.

Da sapere

  • I browser mostrano le favicon nelle schede a 16 × 16 px, quindi le forme semplici e marcate si leggono meglio.
  • I browser moderni accettano favicon PNG tramite <link rel="icon" type="image/png" href="/favicon-32.png">.
  • Le Apple touch icon di solito sono di 180 × 180 px; l'export a 256 px può essere ridimensionato per quello scopo.
  • Vengono disegnati solo i primi due caratteri del testo.
  • Le immagini vengono disegnate con la Canvas API sul tuo dispositivo.

Funziona interamente nel tuo browser: nulla di ciò che inserisci viene caricato o salvato.

Domande frequenti

Che dimensione deve avere una favicon?

Fornisci almeno 32 × 32 px per le schede del browser, più dimensioni maggiori come 180 px per le Apple touch icon e 192 o 512 px per i manifest delle web app.

Come aggiungo una favicon al mio sito?

Carica il PNG e aggiungi <link rel="icon" type="image/png" href="/favicon-32.png"> nell'head del tuo HTML.

Posso usare un'emoji come favicon?

Sì. Incolla un'emoji nel campo di testo e scarica il PNG; viene disegnata con il font emoji del tuo sistema.

Serve ancora un file favicon.ico?

Non per i browser moderni, che accettano il PNG. Alcuni strumenti e browser più vecchi cercano ancora /favicon.ico, quindi molti siti ne mantengono uno per compatibilità.