IT

Generatore di favicon: da immagine, testo o emoji

Scegli lettere, un emoji o il tuo logo, regola colore e forma, poi scarica tutto in uno ZIP: favicon.ico, tutte le dimensioni PNG, site.webmanifest e il codice HTML corrispondente. Tutto viene creato direttamente nel tuo browser, senza caricare nulla.

I tuoi file vengono elaborati solo nel browser e non vengono caricati su alcun server: non lasciano mai il tuo dispositivo.

Crea il favicon da
Uno o due caratteri restano leggibili a 16 × 16 px.
Nome e percorso (manifest)
«/» = cartella principale del sito (consigliato).

Anteprima e file

    HTML per il <head>
    site.webmanifest
    Risultato
    Come si calcola
    

    Il favicon è la piccola icona che vedi nella scheda del browser, nei preferiti, nella cronologia e accanto al tuo sito nei risultati di ricerca di Google. Questo generatore trasforma un’immagine, da una a tre lettere o un emoji in tutti i file di cui un sito web ha bisogno oggi, insieme al codice HTML corrispondente.
    

    Quali file e quali dimensioni?
    

    
  
    FileDimensioneA cosa serve
    
  
    
    favicon.ico16, 32, 48 pxfavicon classico: i browser lo cercano su /favicon.ico anche senza alcun tag HTML
    
    
    favicon-16x16.png, favicon-32x32.png16 e 32 pxscheda del browser, risoluzione normale e alta
    
    
    apple-touch-icon.png180 pxicona quando qualcuno aggiunge il sito alla schermata Home di iPhone o iPad
    
    
    android-chrome-192x192.png, -512x512.png192 e 512 pxmanifest dell’app web: schermata Home e schermata di avvio su Android/Chrome
    
    
    site.webmanifest–nome, colori e icone del sito come app web installabile
    
      

    

    Per il favicon nei risultati di ricerca, Google richiede un’immagine quadrata di almeno 8 × 8 pixel e consiglia più di 48 × 48 pixel. Chrome si aspetta icone da 192 e 512 pixel nel manifest, e Apple indica 180 × 180 pixel per l’icona sulla schermata Home dell’iPhone.
    

    Come inserire il favicon nel tuo sito
    

      
  
    1. Scarica lo ZIP ed estrailo.
      2. 
  
    2. Carica tutti i file nella cartella principale del tuo sito (dove si trova la homepage).
      3. 
  
    3. Incolla il codice HTML nell’<head> di ogni pagina (WordPress, Wix e altri hanno di solito un campo dedicato «Icona del sito»).
      4. 

    

    Se i file si trovano in una sottocartella, indicala in «Cartella sul server»: manifest e codice HTML si adattano automaticamente. I browser mantengono i favicon in cache in modo ostinato; una nuova icona spesso compare solo dopo aver svuotato la cache o in una finestra in incognito.
    

    Cosa rende buono un favicon?
    


    Emoji come favicon: attenzione alla licenza
    

    L’emoji viene disegnato con il font emoji installato sul tuo dispositivo: per questo ha un aspetto diverso su iPhone rispetto a Windows o Android. Lo standard Unicode definisce solo quale carattere è, non il suo aspetto. Il disegno appartiene al produttore del font (per esempio Apple, Microsoft, Google), e le loro licenze non permettono senza altro di usare queste immagini come logo o favicon di un sito web.
    

    Per un sito personale il rischio è basso; per un sito commerciale usa un set di emoji con licenza libera e rispettane le condizioni:
    


    Scarica lì l’emoji che vuoi in PNG o SVG e seleziona qui «Immagine / logo». Questa è un’informazione generale, non una consulenza legale.
    

    Privacy
    

    Tutti i file vengono creati nel tuo browser. La tua immagine non viene caricata e nulla viene salvato. Per preparare un logo può aiutare anche Convertitore immagini.
    Domande frequenti
    Che dimensione deve avere un favicon?
    16 × 16 e 32 × 32 pixel per la scheda del browser, almeno 48 × 48 (quadrato) per Google, 180 × 180 per i dispositivi Apple e 192 × 192 più 512 × 512 per Android e le app web. Il generatore crea tutte le dimensioni in una volta sola.
    Serve ancora una favicon.ico oggi?
    Sì, resta utile: molti browser, lettori di feed e strumenti richiedono direttamente /favicon.ico senza alcun tag HTML. Il file ICO creato qui contiene le dimensioni 16, 32 e 48 pixel come immagini PNG.
    Come inserisco il favicon nel mio sito?
    Carica i file nella cartella principale del sito e incolla il codice HTML nell’<head>. In WordPress puoi anche usare «Aspetto → Personalizza → Identità del sito → Icona del sito» con il PNG da 512 px.
    Posso usare un emoji come favicon?
    Le grafiche emoji di Apple, Microsoft o Google appartengono a quelle aziende. Per un sito commerciale usa un set con licenza libera come Twemoji (CC BY 4.0, con attribuzione) o Noto Emoji (OFL 1.1) e carica qui quell’immagine.
    Perché non vedo il mio nuovo favicon?
    I browser mantengono i favicon in cache a lungo. Apri la pagina in una finestra in incognito o svuota la cache. Nei risultati di ricerca di Google l’aggiornamento può richiedere da giorni a settimane.
    Il mio logo viene caricato da qualche parte?
    No. Tutti i file vengono generati nel tuo browser; la tua immagine non lascia mai il tuo dispositivo.
    Fonti e riferimenti normativi
    Aggiornato al: 
    Strumenti correlati