Sto lavorando su un sito web e vorrei aggiungere una piccola icona alla scheda del browser.
Come posso farlo in HTML e dove dovrei posizionarla nel codice (ad esempio nell'intestazione)? Ho un file logo .png
che vorrei convertire in un'icona.
Correlato: https://stackoverflow.com/questions/2359866/html-set-image-on-browser-tab.
Usa uno strumento per convertire il tuo png in un file ico. Puoi cercare "favicon generator" e puoi trovare molti strumenti online.
Metti l'indirizzo ico nella head
con un link
-tag:
<link rel="icona scorciatoia" href="http://sstatic.net/stackoverflow/img/favicon.ico">
Ho fatto questo con successo per il mio sito web.
L'unica eccezione è che il browser SeaMonkey richiede un codice HTML inserito nel tuo <head>
; mentre, gli altri browser visualizzeranno comunque la favicon.ico senza alcun inserimento di HTML. Inoltre, qualsiasi browser diverso da IE può utilizzare altri tipi di immagini, non solo il formato .ico. Spero che questo aiuti.