Migliori dimensioni favicon per siti web

Online trovi decine di raccomandazioni. Ecco il set minimo che copre davvero il 100 % degli utenti.

5 min di lettura

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

Cosa richiedono i browser

I browser desktop richiedono 16×16 (scheda), 32×32 (barra dei segnalibri) e 48×48 (risultati di ricerca). Tutte e tre stanno comodamente in un unico file .ico.

Cosa richiedono i sistemi operativi

Il menu Start e Esplora file di Windows possono richiedere fino a 256×256. macOS preferisce .icns ma accetta .ico. Raggruppa 16, 32, 48, 64, 128, 256 nel tuo .ico per coprire tutto.

Cosa richiedono PWA e mobile

Aggiungi 180×180 (apple-touch-icon) e 192×192 + 512×512 PNG (web manifest) per installazioni pulite sulla home screen.

Il set minimo indispensabile

favicon.ico multi-risoluzione + apple-touch-icon.png (180×180) + un PNG 512×512 nel manifest. Tutto qui.

FAQ

What is the best favicon size for websites?

Ship a multi-size favicon.ico with 16, 32, 48, 64, 128, and 256 pixels. Add 180×180 for Apple and 192/512 PNGs for PWAs.

What favicon size do browsers use in tabs?

Desktop browsers typically request 16×16 for tabs, 32×32 for bookmark bars, and 48×48 for some search results.

What is the minimum favicon setup?

A multi-size favicon.ico plus apple-touch-icon.png (180×180) and a 512×512 PNG in your web manifest.

Do I need a 256×256 favicon?

Yes for Windows shortcuts and high-DPI surfaces. Bundle it inside your .ico file.

Guide correlate

Prova gli strumenti

Continua a leggere