Quali dimensioni vengono generate?

16×16, 32×32, 48×48 (raggruppate in favicon.ico), 180×180 (Apple Touch Icon), 192×192 e 512×512 (icone PWA).

La trasparenza viene mantenuta?

Sì. Il canale alfa del PNG viene mantenuto in tutti i file di output, incluso il formato ICO.

Qual è la differenza tra favicon.ico e icone PNG?

favicon.ico raggruppa più dimensioni in un unico file per supportare i browser più vecchi, mentre le icone PNG sono usate dai browser moderni e dalle PWA. Fornire entrambi garantisce la massima compatibilità.

Cosa rende buona un'immagine di partenza?

Un PNG quadrato con sfondo trasparente di almeno 512×512 pixel dà i migliori risultati quando viene ridotto alle dimensioni di icona più piccole.

Come aggiungo la favicon al mio sito web?

Aggiungi <link rel="icon" href="/favicon.ico"> e <link rel="apple-touch-icon" href="/apple-touch-icon.png"> nel <head> del tuo HTML.

ImageStream

FLEXEAM · MEMETALKPiù delle parole. Più simile a te.Non spiegarlo. Vieni a giocare.Esplora senza registrarti →AD

Generatore favicon

Converti PNG in favicon.ico e pacchetto multi-dimensione

Una favicon è la piccola icona mostrata nelle schede del browser, nei segnalibri e nelle schermate Home dei dispositivi mobili. Carica un PNG e genera all'istante un pacchetto completo di icone multi-dimensione compatibile con tutti i browser e dispositivi.

Come generare una favicon

1Carica un'immagine PNG (consigliato sfondo trasparente)
2Seleziona le dimensioni delle icone di cui hai bisogno
3Scarica il pacchetto ZIP e aggiungilo al tuo sito web

Consigli e casi d'uso della favicon

Sito web: compatibilità tra browser

Per una visualizzazione corretta in Chrome, Safari, Firefox ed Edge, fornisci sia favicon.ico sia file PNG. Carica tutti i file del ZIP generato nella root del tuo sito e aggiungi i relativi tag link nell'head del tuo HTML.

PWA / schermata Home del mobile

Per le Progressive Web App e i collegamenti sulla schermata Home servono PNG da 192×192 e 512×512. Registra entrambe le dimensioni nell'array icons del tuo manifest.json per mostrare icone ad alta risoluzione su Android e iOS.

Identità del brand: il logo come icona

Ritaglia solo il simbolo o il marchio del tuo logo in un PNG quadrato prima di convertirlo in favicon. Mantieni il design semplice: deve restare riconoscibile anche a 16×16 pixel.