/ / Creazione di un FavIcon nel modo più semplice

Creare un FavIcon nel modo più semplice

Di recente ho deciso di aggiornare FavIcon per questosito (la piccola icona nella barra degli indirizzi). Quello vecchio era qualcosa che avevo fatto a pezzi insieme in Visual Studio, e non mi sembrava abbastanza amichevole.

Esistono numerosi generatori online che creano le icone per te da un'immagine e sembrano davvero fare un ottimo lavoro mantenendo tutto estremamente semplice.

Questi sono due che ho usato personalmente su più di un sito:

  • FavIcon di Pics
  • Dynamic Drive - Generatore FavIcon

FavIcon di Pics

Per prima cosa, cerca un'immagine simile a come desideri che assomigli all'icona:

Immagine

Basta scegliere il file e quindi fare clic sul pulsante Genera e vedrai la nuova icona esattamente come apparirà nella barra degli indirizzi.

Immagine

Ho usato l'icona ma ho finito per ripulirla un po 'in un'applicazione di modifica delle immagini.

Dynamic Drive - Generatore FavIcon

Basta scegliere l'immagine, fare clic sul pulsante Crea icona e vedere l'anteprima.

Immagine

L'unico problema che potresti notare è che di solito le tue icone finiscono con uno sfondo colorato anche se potresti preferire che abbiano trasparenza.

Installazione di FavIcon

Una volta che hai il file icona, puoi salvarlo da qualche parte sul tuo sito web. Modifica l'intestazione / il tema del sito e inserisci la seguente riga, modificando il percorso, se necessario.

<link rel = ”icona scorciatoia” href = ”/ favicon.ico”>

Questo è tutto.