ItalianoIT

Generatore di favicon – da immagine o testo a favicon.ico

Aggiungi un testo o un’immagine e ottieni tutti i file favicon che servono al tuo sito, in tutte le misure giuste.

Testi e file restano nel tuo browser: non viene inviato nulla a un server.

L’apple-touch-icon (180 px) è sempre un quadrato pieno, perché iOS arrotonda gli angoli da solo.

Anteprima
16×16
32×32
48×48
180×180
192×192
512×512
File
    Tag HTML (in <head>)
    site.webmanifest

    Come si usa

    1. Scegli “Da un testo o un’emoji” per usare una o due lettere o un’emoji, oppure “Da un’immagine” per partire dal tuo logo.
    2. Regola il colore di sfondo, la forma (quadrato, arrotondato o cerchio), la dimensione del testo e il margine: l’anteprima si aggiorna man mano.
    3. “Scarica tutto (ZIP)” ti dà favicon.ico, sei PNG, site.webmanifest e un file con i tag. Puoi anche scaricare ogni file separatamente.
    4. Metti i file nella cartella principale del sito e incolla i tag HTML in <head>.

    Domande frequenti

    Quali misure contiene favicon.ico?

    Contiene tre immagini – 16, 32 e 48 px – in formato PNG. I browser moderni e Windows leggono direttamente le immagini PNG dentro un file ICO.

    Posso rinominare i file?

    Sì, ma poi modifica i percorsi nei tag HTML e in site.webmanifest. La cosa più semplice è tenere i nomi proposti.

    Perché le emoji cambiano da un dispositivo all’altro?

    Le emoji vengono disegnate con i font installati sul dispositivo, quindi sono diverse tra Windows, macOS e Android. Una volta scaricato, il PNG è un’immagine e si vede uguale ovunque.

    La nuova favicon non compare nel browser.

    I browser tengono a lungo le favicon in cache. Ricarica la pagina senza cache (Ctrl + F5) oppure aggiungi ?v=2 alla fine dei percorsi nei tag.

    Strumenti simili

    Immagine placeholderSegnaposto di ogni misuraRidimensiona immaginiIn pixel o in percentualeConvertitore di immaginiConverti JPG, PNG e WebPSfondo trasparenteRendi trasparente un colore

    Tutti gli strumenti