RevealTheme logo

Generatore di favicon

Genera un set completo di favicon a partire da qualsiasi immagine: tutte le dimensioni che si aspettano i browser, iOS e Android.

Come usare questo strumento

  1. 1

    Carica un'immagine quadrata (PNG consigliato, da 512×512 o superiore).

  2. 2

    La generiamo in tutte le dimensioni di favicon più comuni.

  3. 3

    Scarica ogni PNG.

  4. 4

    Richiamale nel <head> del tuo HTML con gli attributi sizes appropriati.

Che cos'è il generatore di favicon?

Le favicon moderne non sono più solo da 16×16. iOS si aspetta un apple-touch-icon da 180×180, Android richiede icone PWA da 192×192 e 512×512, e gli schermi ad alta densità usano 32×32 o 48×48. Questo strumento genera tutte le dimensioni comuni a partire da una singola immagine sorgente, così può servirle come tag <link rel='icon' sizes='...'>.

Casi d'uso comuni

  • Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.

  • Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.

  • Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.

  • Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.

  • Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.

  • Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

Domande frequenti

Quale dimensione dell'immagine sorgente devo usare?
Un PNG quadrato da 512×512 o superiore dà i risultati migliori: il ridimensionamento verso il basso conserva il dettaglio meglio dell'ingrandimento.
Ho bisogno di un file ICO?
I browser moderni accettano favicon in PNG. Il formato ICO è necessario solo per la compatibilità con IE datato, oggi poco frequente.

Strumenti correlati