L'icona favoriti (favicon) può essere fonte di confusione se visto per la prima volta a causa di un aggiornamento del browser Web, o il passaggio a un altro browser. Quando si visita un sito web che ha una favicon disponibile per il browser per scaricare, il browser visualizza l'icona accanto al nome del sito nel suo menu preferiti. Come i principali browser passati a sistemi di navigazione a schede nelle versioni più recenti, hanno anche iniziato la visualizzazione favicon accanto al titolo nella scheda del browser del sito.

Che cosa è un Favicon?

Prima supportato da Internet Explorer 5 il browser di Microsoft, una favicon è una piccola icona grafico 16 pixel per 16 pixel di dimensione. In origine, si doveva mettere favicon nella directory principale del sito web e dare loro il nome "favicon.ico" prima i browser in grado di rilevare e li visualizza. Nel 1999, il World Wide Web Consortium (W3C) ha aggiunto favicon alle specifiche HTML 4.01, consentendo di effettuare ovunque all'interno di un sito. È quindi possibile indirizzare il browser al file utilizzando un collegamento standard.

Vantaggi favicon

Favicons sono uno dei piccoli tocchi che consentono a un sito web per presentare un'immagine più professionale. Molti siti web ancora non usano favicon, consentendo siti che li utilizzano per distinguersi. Una favicon ben progettato può aiutare a migliorare il vostro marchio e aumentare il numero di volte che un utente vede il vostro logo, aiutandola a mettere radici nella loro memoria. Favicons sono utili anche per i visitatori del sito, aiutandoli a identificare il sito tra molti altri nel loro menu preferiti. Un quadro familiare è molto più semplice per individuare di una voce di testo standard, permettendo al vostro sito per distinguersi in modo gli utenti possono trovare più velocemente.

Creazione di Favicons

È possibile creare una favicon per il tuo sito in ogni pacchetto di grafica che supporta il formato di file .ico. Adobe Photoshop è il pacchetto più comunemente usato per la creazione favicons, ma non supporta risparmio nel formato .ico predefinita. È possibile aggiungere questa funzionalità con l'installazione di un plugin gratuito. La dimensione favicon di 16 pixel per 16 pixel può risultare difficile da usare, quindi è più facile creare un pixel 64 immagine 64 pixel per, poi ridurre la tela per il formato corretto. Ricordati di salvare l'immagine come favicon.ico.

Aggiungere una favicon per il tuo sito

Carica l'immagine alla radice del tuo sito web utilizzando un'applicazione File Transfer Protocol (FTP). Aggiungere la seguente riga all'elemento testa HTML nelle pagine del tuo sito web:

<Link rel = "icona di collegamento" href = "/ favicon.ico" type = "image / x-icon" />

Questo ti permette di dire al browser il nome del file favicon e dove si trova. Utilizzando questo metodo, è possibile inserire il file favicon ovunque all'interno della struttura del tuo sito web, ma ha senso per mantenere il file favicon nella directory principale per i browser o dispositivi non conformi. È inoltre possibile impostare favicon diversi per pagine diverse, indicando diversi file .ico nel tag link HTML.