Quali modi posso mettere una favicon nel mio sito?

Question

Stavo guardando tutto il web per il modo in diversi siti mettono il loro favicon nel sito. Ogni volta che provo a farlo io finisco "hacking" fino a quando non decide all'improvviso di lavorare.

Suppongo che ho 2 domande in uno qui.

1. Come è questo sito aggiungendo che è favicon? - http://www.fbd.ie

   Non riesco a trovare favicon.ico in esso è sorgente della pagina.

2. Oltre a comprendere <link rel="shortcut icon" href="/favicon.ico">, come posso includere una favicon?

Answer 1

1. E 'probabilmente solo ha un file chiamato favicon.ico nella directory principale del sito. La maggior parte dei browser basta guardare lì per impostazione predefinita a prescindere se v'è un tag <link> oppure no.
2. Si veda la risposta al # 1.

Answer 2

Il modo più semplice per aggiungere una favicon è quello di mettere semplicemente un file chiamato favicon.ico nella directory principale del tuo sito web.

I browser troveranno automaticamente.

È possibile anche specificamente messo in un tag <link>. Qualcuno di questi funziona:

<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">
<link rel="icon" type="image/png" href="http://example.com/image.png">
<link rel="icon" type="image/gif" href="http://example.com/image.gif">

Modifica: Vedo che sapeva già. : D

Answer 3

Tutto quello che dovete fare è includere il file nella root del vostro sito. I browser sono stati progettati per richiedere questa automaticamente -. Si vedrà un gran numero di richieste per esso 404ing nei web log, se non si dispone di uno

Da wikipedia:

  

Il modo originale di definire una   favicon, introdotta in Internet   Explorer 4, è stato posizionando un file   chiamato favicon.ico nella radice   directory di un server web. Questo sarebbe   quindi automaticamente essere utilizzato in Internet   I preferiti di Explorer (segnalibri)   Schermo. Più tardi, tuttavia, un altro   sistema flessibile è stata creata usando HTML   per indicare la posizione di un'icona   per ogni pagina. Come descritto di seguito,   questo si ottiene con l'aggiunta di un link   elemento per la sezione del   documento che specifica il tipo di   il file di immagine e la sua posizione. Nel   in questo modo qualsiasi file di immagine definita dalla   standard può essere utilizzato.

Il punto saliente è che non c'è bisogno di fare nulla nel codice HTML mark-up o qualsiasi altro file di risorse. Basta scaricare il file nella root.