IL Favicon è l'immagine grafica che viene visualizzata con il titolo della pagina web. Oltre al titolo, è anche disabilitato nella storia, nella scheda Browser. Pertanto, il Favicon può anche essere definito icona del sito Web, Icona dei segnalibri. Il Favicon viene solitamente creato in .Formato file ICO supportato da tutti i browser famosi. Tuttavia, diversi browser tendono a supportare .Svg, .png, .gif e .formato png per favicon.

Tenendo conto dell'importanza del Favicon, questo articolo fornisce il seguente risultato di apprendimento:

- lo scopo del Favicon

- Aggiungere un favicon alla tua pagina web

Proprietà di un Favicon

Come affermato in precedenza, Favicon viene utilizzato per aggiungere un'icona grafica con il nome del tuo titolo. Il Favicon dipende dalle seguenti proprietà:

Formato immagine: Il formato dell'immagine è l'ingrediente chiave per realizzare il favicon. I formati supportati sono, .ICO, .Svg, .png, .jpg, e .GIF. La maggior parte dei browser noti come Chrome, Firefox, Opera, Microsoft Edge e Safari, supportano tutti questi formati. Tuttavia, le ultime versioni di Internet Explorer supportano questi formati.

Dimensione dell'immagine: La dimensione dell'icona varia da scopo a scopo. Alcune delle dimensioni più utilizzate sono indicate di seguito:

- Si consiglia 16 × 16 (pixel) per l'icona del browser

- 32 × 32 (pixel) per l'icona di scorciatoia

- 96 × 96 (pixel) per l'icona del collegamento desktop

Come aggiungere il favicon a una pagina web

Il Favicon può essere aggiunto alla pagina HTML utilizzando il tag supportato da HTML. Per una migliore comprensione, abbiamo fornito una procedura passo-passo per aggiungere un Favicon alla tua pagina web.

Prima di entrare nei passaggi, assicurati di aver posizionato l'immagine Favicon nella directory principale della tua pagina web. Inoltre, si consiglia anche di utilizzare la dimensione corretta secondo l'uso del Favicon.

Passo 1: Apri il codice HTML della pagina Web e naviga nel tag

Passo 2: Aggiungi il tag all'interno del tag con il Href Proprietà che dirige verso la posizione del tuo Favicon. Il codice HTML fornito di seguito si riferisce all'utilizzo del tag per aggiungere un Favicon:

Benvenuti in Linuxhint

L'immagine del codice è mostrata qui:

Passaggio 3: Una volta posizionato il tag correttamente, salva il codice e ricarica la pagina web. Poiché la pagina viene ricaricata, l'icona verrebbe posizionata con il nome del titolo come si può vedere nell'immagine qui sotto:

Ecco qui!

Seguendo i tre passaggi sopra menzionati, avresti imparato ad aggiungere il Favicon alla tua pagina web

Conclusione

Favicon è l'immagine grafica visualizzata con il titolo della pagina web. Diverse altre posizioni consentono anche di visualizzare il Favicon con il titolo della pagina. Ad esempio, troveresti il ​​Favicon nei segnalibri, storia, in cui viene mostrato il titolo della pagina. Questo articolo fornisce i passaggi essenziali per aggiungere un favicon alla tua pagina web. Inoltre, sono anche descritte le proprietà contenute da Favicon,