Generare un Favicon
Trasformare qualsiasi logo in un favicon.ico più ogni dimensione PNG di cui un sito ha bisogno.
Come utilizzare il Generatore di faviconi
Carica il tuo logo
Goccia in un PNG quadrato o SVG, idealmente 512x512 o più grande. Semplici, segni ad alto contrasto leggere meglio a 16 pixel.
Impostare lo sfondo
Tenere trasparente, o scegliere un colore solido se il logo ha bisogno di uno dietro di esso per rimanere leggibile su schede chiare e scure.
Scaricare e installare
Salva favicon.ico e le dimensioni PNG nella radice del sito, quindi incolla il blocco HTML nella testa delle tue pagine.
Informazioni su Generatore di faviconi
Un favicon è il più piccolo pezzo di marcatura che un sito ha e quello che la gente usa di più: è come una scheda è identificata tra gli altri trenta e come un segnalibro è riconosciuto in una lista. Un sito senza uno mostra un foglio bianco di carta, che si legge come incompiuto non importa quanto sia buono il resto del design.
La parte imbarazzante è sempre stato che un file non è sufficiente. I browser vogliono un favicon.ico alla radice del sito, schede ad alto DPI vogliono un 32px PNG, iOS vuole un 180px apple-touch-icon per la schermata iniziale e Android vuole 192 e 512px versioni per installare i prompt e gli schermi di splash. Questo strumento li rende tutti da una singola immagine e pacchetti le 16, 32 e 48pico versioni di file genui
Il logo è montato all'interno di ogni quadrato piuttosto che ritagliato per riempirlo, quindi nulla viene ritagliato dai bordi, e si può mantenere uno sfondo trasparente o impostare un colore solido dietro di esso. Il blocco HTML sotto è l'esatto set di tag di collegamento per incollare nella testa. Tutto è reso nel browser, quindi un logo non rilasciato non lascia mai il dispositivo.
Domande frequenti
- Che dimensione dovrebbe essere un favicon?
- Inizia da almeno 512x512 in modo che ogni dimensione sia in aumento piuttosto che soffiare. Questo strumento produce poi 16, 32, 48, 180, 192 e 512px versioni più un multi-size .ico.
- E' un vero file .ico?
- Si, è un'autentica ICO multi-risoluzione contenente le immagini 16, 32 e 48px, non un PNG ribattezzato.
- Dove metto i file favicon?
- Nella radice del sito, quindi favicon.ico si siede sul tuosite.com/favicon.ico, quindi aggiungi i tag di collegamento qui mostrati alla tua testa. Frameworks come Next.js possono anche raccogliere i file inseriti nell'app o nella directory pubblica.