Generatore di favicon
Trasforma un’immagine in un set pratico di favicon con dimensioni per browser, Apple touch e PWA, più codice HTML pronto da copiare.
Fino a 20 MiB e 40 milioni di pixel per immagine. I provini a contatto accettano 2–50 immagini, fino a 100 MiB in totale. Le icone inseriscono l’intera immagine in un quadrato con margine trasparente.
Perché esiste questo strumento
I simboli semplici e ad alto contrasto si vedono meglio nelle minuscole dimensioni delle favicon.
- ✓ dimensioni 16–512px
- ✓ anteprime dal vivo
- ✓ snippet HTML
- ✓ elaborazione locale nel browser
Utile per
- • siti web
- • PWA
- • restyling del marchio
Crea il set di icone che il tuo sito può davvero usare
Una favicon non è solo un minuscolo file ICO. Un sito moderno può aver bisogno di più dimensioni PNG, di un’icona Apple touch, di icone PWA e di un piccolo blocco HTML per collegarle.
Parti da un’immagine quadrata
Un simbolo semplice e ad alto contrasto resiste alle piccole dimensioni meglio di un’illustrazione dettagliata. Un’immagine quadrata di circa 512 pixel o più dà al generatore spazio per creare icone piccole nitide.
Visualizza in anteprima l’icona più piccola prima di pubblicarla. Un logo perfetto a 512 pixel può diventare illeggibile a 16 o 32 pixel.
Controlla il pacchetto prima di sostituire le icone attuali
Apri i file generati, conferma nomi e dimensioni e incolla il codice fornito nell’head del sito. Mantieni il set di favicon attuale finché i nuovi file non sono verificati.
Domande frequenti
Quale immagine usare per una favicon?
Funziona meglio un logo o simbolo quadrato e pulito. Contrasto elevato e forme semplici resistono di solito meglio dei dettagli fini alle dimensioni minuscole.
Quali dimensioni di favicon deve avere un sito?
I flussi web e dei dispositivi più comuni usano più dimensioni anziché un solo file. Il generatore fornisce più dimensioni PNG e un pacchetto ICO, così puoi scegliere i file che servono al tuo sito.
Mi servono favicon.ico e icone PNG?
Servono a flussi diversi di browser e piattaforme, quindi conviene tenerli entrambi quando conta un’ampia compatibilità.
Posso usare un logo SVG?
Sì, se il browser riesce a decodificarlo, ma controlla i PNG/ICO ottenuti, perché font, filtri e riferimenti esterni possono cambiare durante la rasterizzazione.