Come creare una favicon da un logo: dimensioni, formati e checklist
Crea una favicon nitida dal tuo logo, scegli le dimensioni SVG, PNG e ICO corrette ed evita dettagli illeggibili nella scheda del browser.
Risposta rapida
Per creare una favicon da un logo, usa il suo elemento più riconoscibile, inseriscilo in un quadrato, elimina le scritte piccole e provalo a 16 e 32 pixel. Parti dal generatore di favicon, poi conserva un SVG master e versioni PNG di riserva.
Scegliere la parte del logo che funziona in piccolo
Un logotipo orizzontale diventa spesso illeggibile in una scheda. Preferisci simbolo, monogramma o una lettera spessa. Mantieni contrasto e spazio libero. Se la fonte è sfocata, vettorializza prima il logo per conservare curve pulite.
| Fonte | Trattamento migliore | Problema comune |
|---|---|---|
| Simbolo e nome | Usare solo il simbolo | Il testo diventa una linea |
| Monogramma | Centrare una o due lettere | I tratti sottili scompaiono |
| Illustrazione complessa | Ridurre a una silhouette | Le forme si uniscono |
| Logo trasparente | Provare su chiaro e scuro | Contrasto insufficiente |
Creare i file
- Usa una tela quadrata 1:1.
- Scegli trasparenza o uno sfondo intenzionale.
- Controlla 16, 32 e 48 pixel.
- Esporta SVG e PNG di riserva, per esempio 48, 192 e 512 pixel.
- Inserisci il link nel head e mantieni stabile l’URL.
Google richiede una favicon quadrata e consiglia una fonte superiore a 48 per 48 pixel. Consulta la guida ufficiale di Google.
Checklist di qualità
- La forma principale è riconoscibile a 16 pixel.
- Non rimangono slogan o testi minuti.
- I bordi trasparenti sono puliti.
- Funziona con temi chiari e scuri.
- Il file è pubblico, scansionabile e stabile.
- L’SVG è ottimizzato senza rimuovere la viewBox.
Domande frequenti
Quali dimensioni deve avere una favicon?
Usa un master scalabile e prova 16 e 32 pixel. Per Google deve essere quadrata e almeno 8 per 8 pixel; è consigliata una fonte superiore a 48 per 48.
È meglio SVG, PNG o ICO?
SVG resta nitido nei browser moderni, PNG è un fallback affidabile e ICO copre ambienti più vecchi. Un set pratico può includerli tutti.
Posso usare il logo completo?
Solo se resta riconoscibile nella scheda. Per i loghi orizzontali funzionano quasi sempre meglio il simbolo o le iniziali.