Vai al contenuto

Creare una favicon

Scegli un'immagine o scrivi un testo — ne esce il pacchetto completo: favicon.ico, tutte le dimensioni PNG, l'icona Apple Touch, il manifest web e i tag <link> pronti da incollare.

Origine Trascina qui un'immagine oppure clicca · PNG, JPG, SVG, WebP oppure incolla un'immagine con Ctrl+V
Aspetto
Risultato

Scegli un'immagine o scrivi un testo.

Il mio sito

Ecco come appare in una scheda del browser — l'unica prova che conta.

HTML da incollare

Che cosa c'è nel pacchetto?

favicon.ico16, 32 e 48 pixel in un unico file — barra degli indirizzi e browser datati
favicon-16x16.png … 96x96browser moderni, segnalibri
apple-touch-icon.png180 pixel, per «Aggiungi a Home» su iOS
android-chrome-192/512.pngAndroid e app web installabili
site.webmanifestperché Android trovi le icone giuste
integrazione.htmli tag <link> già pronti

Installarla in tre passi

  1. Metti tutti i file nella cartella radice — dove si trova anche index.html.
  2. Copia i tag <link> dentro il tuo <head>.
  3. Ricarica con Ctrl+F5 — i browser tengono le favicon in cache con ostinazione.

Quale soggetto funziona?

A 16 pixel dei dettagli fini non resta nulla. Per questo l'anteprima mostra prima la dimensione più piccola, pixel per pixel: una sola lettera o una forma netta batte quasi sempre un logo rimpicciolito con il nome accanto.

Perché non viene caricato nulla?

Perché tecnicamente non serve. Il ridimensionamento, il contenitore ICO e l'archivio ZIP nascono nel tuo browser. Non c'è alcun server che riceva la tua immagine, quindi nemmeno uno che possa conservarla.