Generatore di favicon gratis

Origine

Spessore

Stile

Forma

Anteprima

16 px
32 px
48 px
180 px
192 px
512 px

Contiene favicon.ico (16, 32 e 48 px), PNG a 16, 32, 180 (Apple), 192 e 512 (Android) e site.webmanifest.

Codice da incollare nel <head> del tuo sito

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Metti i file dello ZIP nella radice del sito, poi incolla questo codice.

Tutto viene generato nel tuo browser: il tuo logo non viene mai caricato online.

Come si usa questo calcolatore?

1. Scegli un'origine: una o due lettere (o un'emoji), oppure il tuo logo
2. Regola forma, colori e margine guardando l'anteprima
3. Scarica il pacchetto ZIP con tutte le dimensioni
4. Metti i file nella radice del sito e incolla il codice HTML nel <head>

Risposta rapida

Quali dimensioni servono per una favicon?

Prevedi un favicon.ico con 16, 32 e 48 px per i browser, una Apple touch icon da 180 × 180 px per iPhone e iPad, e PNG da 192 e 512 px per Android e le app installabili. Esempio: metti il pacchetto nella radice del sito (tuosito.it/favicon.ico) e incolla le 5 righe di codice nel <head>.

FileDimensioneUsato da
favicon.ico16, 32, 48 pxSchede, preferiti, Google
favicon-32x32.png32 pxBrowser recenti
apple-touch-icon.png180 pxiPhone, iPad
android-chrome-192x192.png (PNG)192 pxAndroid
android-chrome-512x512.png (PNG)512 pxSchermata di avvio, PWA

Informazioni sullo strumento Generatore di favicon

Che cos'è?

Il generatore di favicon crea la piccola icona mostrata nelle schede del browser, nei preferiti e sulla schermata Home dei telefoni. Parti da un'iniziale, una sigla, un'emoji o il tuo logo, regola forma e colori, poi scarica un pacchetto pronto da installare.

Perché usarlo?

Un sito senza favicon mostra un'icona generica: sembra meno professionale ed è difficile da trovare tra decine di schede. Google mostra inoltre la favicon accanto al tuo sito nei risultati di ricerca da mobile, il che aiuta ad attirare l'attenzione e a creare fiducia.

Come funziona?

Ogni dimensione viene disegnata direttamente alla propria risoluzione (16, 32, 48, 180, 192 e 512 px) così resta nitida, invece di essere ridotta da un'unica immagine grande. Il file favicon.ico raggruppa le dimensioni 16, 32 e 48 px come immagini PNG al suo interno, un formato che tutti i browser riconoscono. L'icona Apple è sempre un quadrato opaco, perché iOS arrotonda gli angoli da solo. Tutto viene calcolato nel browser.

Consigli d'uso

  • Resta sul semplice: a 16 px una o due lettere in grassetto si leggono molto meglio di un logo dettagliato
  • Scegli un contrasto forte tra testo e sfondo perché l'icona resti visibile sia in tema chiaro sia in tema scuro
  • Per un logo, parti da una versione quadrata o dal solo simbolo, senza il nome del marchio
  • Svuota la cache o prova in una finestra privata se dopo la pubblicazione vedi ancora la vecchia favicon
  • Google chiede una favicon quadrata di almeno 48 px, disponibile all'indirizzo indicato nel codice HTML
Integra questo strumento nel tuo sitoGratisCopia questo codice nel tuo sito o blog: lo strumento appare direttamente nella tua pagina, gratis e senza registrazione.Tutti gli strumenti integrabili

Strumenti correlati