Generatore di favicon

Trasforma un logo o qualsiasi immagine quadrata in un set completo di favicon: un favicon.ico multi-dimensione, icone PNG per browser e telefoni, un web manifest e il codice HTML da incollare nel tuo sito. Tutto viene generato nel tuo browser, quindi la tua grafica non viene mai caricata.

Trascina qui un'immagine o clicca per scegliere un file

Il risultato migliore si ottiene con un PNG quadrato con trasparenza. I file restano sul tuo dispositivo.

Anteprima

HTML per l'head della pagina

Ogni dimensione dell'icona viene generata, il favicon.ico viene assemblato e lo ZIP viene creato interamente dal tuo browser. L'immagine di partenza non viene mai inviata a un server.

Tutto quello che serve per aggiungere una favicon

La favicon è la piccola icona che compare nelle schede del browser, nei preferiti e nella schermata home dei telefoni. Farla bene richiede diverse dimensioni e un paio di formati, e prepararle a mano è scomodo. Questo generatore di favicon parte da una sola immagine e crea tutto il set per te: un classico favicon.ico con le versioni da 16, 32 e 48 pixel, PNG separati per i browser moderni e per i dispositivi Apple e Android, un web manifest e le righe esatte di HTML da inserire nell'head della pagina.

È pensato per sviluppatori web, blogger e titolari di negozi online che vogliono una favicon nitida e corretta su tutti i browser e i dispositivi, senza lottare con un programma di grafica.

Come creare una favicon

  1. Carica un'immagine. Un logo o un'icona quadrata con sfondo trasparente dà il risultato più pulito.
  2. Controlla le anteprime. Guarda come appare a ogni dimensione, dalla piccola icona della scheda da 16 pixel fino a 512 pixel.
  3. Scarica. Prendi solo il favicon.ico oppure il pacchetto ZIP completo con tutti i file.
  4. Incolla l'HTML. Copia il codice fornito nell'head del tuo sito e carica i file nella cartella principale.

Un vero ICO multi-dimensione

Il favicon.ico è un vero file icona che contiene le immagini da 16, 32 e 48 pixel in un solo file, così i browser possono scegliere la versione più nitida per schede, preferiti e barra degli indirizzi.

Icone per web e mobile

Il pacchetto include icone PNG per i browser moderni, una Apple touch icon da 180 pixel per iPhone e icone da 192 e 512 pixel per Android e le progressive web app.

HTML pronto da incollare

Ricevi anche un file manifest e un breve blocco di HTML da copiare nell'head della pagina, così collegare la favicon al tuo sito è solo questione di incollare e caricare.

Perché usare questo generatore di favicon

  • Set completo: ICO, icone PNG, manifest e HTML in un colpo solo.
  • Vero ICO multi-dimensione: 16, 32 e 48 pixel riuniti in favicon.ico.
  • Senza caricamento: il tuo logo viene elaborato nel browser e resta privato.
  • Nessuna filigrana: le icone contengono solo la tua immagine, senza aggiunte.
  • Gratis e immediato: nessun account e nessuna attesa su un server.

Dimensioni e usi più comuni delle favicon

Il modo più veloce per creare una favicon è caricare un PNG o JPG quadrato del tuo logo e lasciare che lo strumento generi tutte le dimensioni. Il favicon.ico che crea contiene le versioni 16 per 16, 32 per 32 e 48 per 48 in un solo file, proprio quello che i browser vogliono per schede, preferiti e barra degli indirizzi. L'icona 16 per 16 è quella piccolissima che vedi nella scheda del browser, mentre la 32 per 32 si usa per gli schermi più nitidi e i collegamenti fissati. Se hai un sito WordPress, Shopify o in semplice HTML, questo è il favicon.ico da caricare nella cartella principale del sito, con i tag link corrispondenti incollati nell'head della pagina.

Per telefoni e app ricevi anche una apple touch icon 180 per 180, la dimensione che iPhone e iPad usano quando qualcuno aggiunge il tuo sito alla schermata home, più PNG 192 per 192 e 512 per 512 per Android e le progressive web app, insieme a un web manifest. Dato che l'immagine viene adattata e centrata, puoi trasformare un logo largo, l'icona di un'app o una singola lettera in un set pulito di icone. Un simbolo semplice con sfondo trasparente si legge meglio quando viene ridotto a 16 per 16.

Domande frequenti

Carica un'immagine quadrata, controlla le anteprime a ogni dimensione, poi scarica il favicon.ico o il pacchetto ZIP completo e incolla l'HTML fornito nell'head della pagina.

Un favicon.ico con 16, 32 e 48 pixel, più icone PNG da 16, 32, 180 per i dispositivi Apple, e 192 e 512 per Android e le web app.

Sì. Il file ICO viene assemblato nel tuo browser e contiene insieme le immagini da 16, 32 e 48 pixel, così i browser possono scegliere quella più nitida.

No. Ogni dimensione viene generata e i file vengono impacchettati interamente nel tuo browser. L'immagine di partenza non viene mai inviata a un server.

Un'immagine quadrata è la scelta migliore, idealmente un logo o un simbolo semplice con sfondo trasparente, così resta leggibile anche a 16 pixel.

Carica i file delle icone nella cartella principale del tuo sito, poi incolla il codice HTML nella sezione head delle tue pagine.

No. Le icone contengono solo la tua immagine. Non viene aggiunto nulla di MyIMGs.

Sì, è completamente gratis e non serve un account.

Trascina un PNG quadrato, o un JPG, controlla le anteprime, poi scarica il favicon.ico o il pacchetto ZIP completo. L'immagine viene adattata e centrata, quindi un logo o un simbolo con sfondo trasparente funziona meglio.

Un favicon.ico dovrebbe contenere le dimensioni 16 per 16, 32 per 32 e 48 per 48, che questo strumento riunisce per te. Per i telefoni serve anche una apple touch icon 180 per 180, più PNG 192 per 192 e 512 per 512 per Android e le web app.

Scarica il pacchetto, carica favicon.ico e i file PNG nella cartella principale del sito, poi incolla i tag link forniti nell'head della pagina. Su WordPress, Shopify o in semplice HTML i browser usano il favicon.ico nella cartella principale del sito come icona della scheda.

Il favicon.ico è un unico file che contiene più dimensioni insieme, qui 16 per 16, 32 per 32 e 48 per 48, così i browser vecchi e nuovi possono scegliere la più nitida. Le icone PNG separate sono usate dai browser moderni e dai telefoni per la apple touch icon e le icone Android.

Strumenti correlati