Come aggiungere favicon in html

Favicon è il logo Questo appare prima del titolo del tuo sito Web nella scheda browser. Puoi usare qualsiasi immagine come sito web favicon che ti piace. È utilizzato per fare il tuo Sito Web attraente Piuttosto che mostrare un'icona di documento vuoto sulla finestra del browser. L'aggiunta di un favicon aiuta anche a farlo identificare tuo sito web tra il numero di schede che si aprono in una singola finestra del browser.

Qualsiasi tipo di immagine può essere utilizzato come Favicon o puoi creare il tuo Favicon utilizzando diversi strumenti per maker logo disponibili e quindi aggiungerla con il titolo del tuo sito Web nel tag principale di HTML. Inoltre, mentre usi un'immagine come Favicon, dovresti tenere presente che una piccola immagine spesso funziona meglio.

In questa guida, discuteremo brevemente di Aggiunta UN Favicon In Html. Quindi iniziamo!

Aggiunta di un Favicon al tuo sito Web in HTML

Per aggiungere un Favicon al tuo sito Web in HTML, segui i passaggi di seguito:

Passaggio 1: convertire l'immagine in “.ICO "o".File PNG "
Aggiunta del Favicon, .png O .ICO Vengono utilizzati i formati di file. Se non hai un .png O .ICO File quindi convertilo prima utilizzando diversi strumenti disponibili online come ICO Convert. Il prossimo passo è l'aggiunta di Favicon al sito Web.

Passaggio 2: Aggiungi immagine convertita nella directory del progetto
Aggiungi l'immagine Favicon convertita nella directory del tuo progetto web in cui hai il tuo principale "indice.HTML " file situato. Ad esempio, abbiamo aggiunto il nostro “Favicon.ICO " file in "Project1" Directory:

Di seguito Snipping mostra il codice di base del titolo del sito Web in HTML. Il Favicon verrà aggiunto dopo il "" elemento.

A questo punto, non abbiamo collegato l'aggiunta “Favicon.ICO " al nostro file HTML. Quindi mostrerà il seguente output:

Passaggio 3: fornire il percorso dell'immagine nel tag collegamento
Usa il "" elemento e fornire il percorso dell'immagine, come mostrato nel blocco del codice seguente:

Dopo aver aggiunto il "" Elemento, salveremo il file e lo accederemo sul browser Web per vedere il risultato:

Le immagini sopra offerte mostrano che la nostra immagine favicon aggiunta è impostata correttamente come icona del sito Web.

Conclusione

A Aggiungi un favicon In Html, Prima di tutto, Selezionare un'immagine e convertire esso a ".ICO" O ".png" formato Utilizzando qualsiasi strumento di conversione di immagini online come ICO Convert. Dopo di che, aggiungere l'immagine convertita nel tuo progetto directory e quindi collegarlo con il file html utilizzando il ""Tag. Questa guida ha dimostrato come aggiungere il favicon al tuo sito Web utilizzando HTML.