Riassunto (TL;DR)
- Input Universale: Converti PNG, JPG, WebP o SVG in un set favicon valido.
- Dimensionamento Intelligente: Scegli tra “Copri” (ritaglia per riempire) o “Contieni” (aggiungi padding) per adattare perfettamente le icone quadrate.
- Standard di Produzione: Genera non solo un file, ma il mix essenziale di
favicon.ico+ PNG per la compatibilità web moderna.
Perché usare un convertitore dedicato?
Non puoi semplicemente rinominare logo.png in favicon.ico. Il formato ICO è un contenitore specifico che contiene più immagini raster di diverse dimensioni. I browser ne hanno bisogno per scegliere la versione più nitida.
Questo strumento gestisce la complessità tecnica:
- Ricampionamento: Filtri di downsampling di alta qualità per evitare che le icone 16x16 diventino sfocate.
- Costruzione Contenitore: Compilazione delle versioni 16x16, 32x32 e 48x48 in un singolo file binario
.ico. - Fallback Moderni: Generazione di PNG standard (192x192, 512x512) per Android, PWA e schermi ad alta densità.
Ritaglio Intelligente: Copri vs Contieni
La maggior parte dei loghi sono rettangolari, ma le favicon devono essere quadrate.
1. Copri (Crop to Fill)
- Comportamento: Ingrandisce finché l’immagine non riempie il quadrato. I bordi vengono tagliati.
- Ideale per: Simboli, monogrammi o icone approssimativamente quadrate.
2. Contieni (Fit Center)
- Comportamento: Rimpicciolisce l’immagine per adattarla interamente al quadrato, aggiungendo padding trasparente.
- Ideale per: Loghi larghi o alti che non possono essere tagliati.
Consiglio PRO: Se il tuo logo è un marchio denominativo largo, non cercare di inserirlo in un quadrato 16x16. Sarà illeggibile. Crea una variante semplificata.
Capire il formato ICO
Il file .ico è unico. A differenza di un PNG, è una directory di immagini.
- 16x16: L’icona standard della scheda su desktop.
- 32x32: Usata per schermi ad alta densità (Retina).
- 48x48: Usata da Windows per le icone del desktop.
Best Practices
- Inizia in Grande: Carica un’immagine di almeno 512x512 pixel.
- Controlla il Contrasto: Assicurati che il logo sia visibile su sfondi chiari e scuri.
- Trasparenza è Chiave: Usa PNG o SVG trasparenti.
FAQ
Perché la mia favicon sembra sfocata?
A 16x16 pixel, hai solo 256 punti. I dettagli complessi spariscono. Usa un design più semplice.
Posso usare solo un PNG?
La maggior parte dei browser moderni supporta PNG, ma il supporto legacy rigoroso cerca ancora favicon.ico. È più sicuro fornirli entrambi.