Generatore di Favicon

Una favicon è la piccola icona mostrata nelle schede del browser, nei segnalibri e sulle schermate home dei telefoni. È un piccolo dettaglio che fa apparire un sito rifinito e riconoscibile, e i browser moderni si aspettano diverse versioni di essa.

Questo è il punto: una sola immagine non basta più. Ti serve un .ico multi-dimensione per i browser classici, dimensioni PNG separate, un Apple touch icon per le schermate home iOS, PNG più grandi per Android, e un web manifest se il sito deve essere installabile.

Questo generatore crea l'intero set da una singola immagine, incluso un vero .ico multi-dimensione, e ti fornisce lo snippet HTML esatto da inserire nell'head della tua pagina, così non devi assemblare o scrivere nulla a mano.

Per il miglior risultato, carica un'immagine quadrata di almeno 512 px, idealmente un logo o un marchio semplice piuttosto che una foto dettagliata, poiché l'icona viene spesso mostrata molto piccola. Un'immagine non quadrata viene centrata e riempita fino a diventare quadrata, quindi i dettagli vicino ai bordi potrebbero finire nei margini.

Puoi facoltativamente impostare un colore di sfondo e il nome del tuo sito, che va nel web manifest usato quando qualcuno aggiunge il sito alla propria schermata home.

Tutto viene eseguito localmente nel tuo browser con la Canvas API, quindi la tua immagine non viene mai caricata; scarichi uno ZIP con tutti i file e lo snippet da incollare.