Guida

Dimensioni favicon spiegate

Browser, sistemi operativi e prompt di installazione richiedono ciascuno una risoluzione diversa. Questa guida mappa ogni dimensione standard alla superficie in cui viene usata, così sai esattamente cosa generare da un'unica immagine sorgente.

Check favicons on any website

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

Install Chrome Extension

16×16 e 32×32 alimentano le schede e i segnalibri del browser su display standard e 2×. Appartengono al file favicon.ico e possono essere esposti anche come PNG standalone.

48×48 e 64×64 servono per Esplora risorse di Windows, i pin nella barra delle applicazioni e alcuni snippet nei risultati di ricerca.

128×128 e 256×256 vengono usati nei file .ico multi-risoluzione e nell'interfaccia HiDPI di Windows.

180×180 è l'apple-touch-icon per la home screen iOS. 192×192 e 512×512 sono richiesti dalle UI di installazione PWA su Android e Chromium.

Come funziona

  1. 1

    Scegli un sorgente quadrato

    PNG 512×512 o SVG con viewBox quadrato.

  2. 2

    Esporta il set completo

    Usa il nostro generatore per .ico, apple-touch-icon e PNG per il manifest.

  3. 3

    Collega ogni dimensione

    Copia i tag <link> già pronti dal README del pacchetto o dalla guida al generatore HTML.

Provalo ora

Genera ogni dimensione favicon

Generatore di Favicon

FAQ

Quante dimensioni favicon servono davvero?+

Minimo: .ico multi-risoluzione (16/32/48) + apple-touch-icon 180. Consigliato: aggiungi 192 e 512 per le PWA.

Un'unica immagine può coprire tutte le dimensioni?+

Sì — parti da 512×512 o SVG ed esporta ogni dimensione in modo programmatico. Non ingrandire mai un logo piccolo.

Quale dimensione conta di più per la SEO?+

Google usa almeno 48×48 nei risultati di ricerca. Includilo nel .ico e come PNG standalone.

Strumenti correlati

Altre guide

Guide