FAQ sulle favicon
Una favicon è un file PNG o JPEG?
Una favicon può utilizzare diversi formati di immagine. PNG è solitamente una scelta raster migliore rispetto a JPEG, mentre ICO rimane un utile fallback di compatibilità.
PNG è solitamente la scelta migliore
Una favicon può essere PNG o JPEG quando il browser supporta il tipo di immagine dichiarato. Per la maggior parte delle illustrazioni favicon, scegli PNG. Conserva gli sfondi trasparenti e i bordi netti senza gli artefatti di compressione che JPEG può aggiungere attorno a lettere e forme semplici.
| Formato | Utile per | Limitazione principale |
|---|---|---|
| PNG | Icone raster trasparenti e nitide | Richiede dimensioni esplicite per il risultato più nitido |
| JPEG | Grafica fotografica con sfondo a tinta unita | Nessuna trasparenza e può sfocare i bordi netti |
| ICO | Fallback di compatibilità e più dimensioni in un unico file | Richiede un editor o convertitore compatibile con ICO |
Cosa dovresti pubblicare?
Una linea di base pratica è una multi-dimensione favicon.ico oltre a file PNG 16x16 e 32x32. Aggiungi un'icona Apple Touch e le icone Manifest dell'app Web quando desideri la schermata iniziale e installa la copertura.
<link rel="icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />Lo standard HTML mostra le dichiarazioni di icone PNG, ICO e SVG e consente ai browser di selezionare un'icona in base al tipo e alle dimensioni. Vedi il Definizione del collegamento dell'icona WHATWG per le regole della piattaforma.
Quando è accettabile il formato JPEG?
JPEG può funzionare quando favicon è una fotografia su uno sfondo opaco. È ancora un'impostazione predefinita debole per la maggior parte dei loghi perché la grafica favicon di solito dipende dalla trasparenza, dai blocchi di colore puliti e dai bordi netti.
Se la tua sorgente è JPEG, non è necessario riprogettarla prima. Caricalo su Generatore di favicon ed esportare i file favicon pronti per il sito da quella fonte.
Pronto a creare la tua favicon?
Genera i file comuni e uno snippet HTML pronto da incollare.