Jeg har arbejdet på et websted, og jeg vil gerne tilføje et lille ikon til browserfanen.
Hvordan kan jeg gøre dette i HTML og hvor i koden skal jeg placere det (f.eks. i headeren)? Jeg har en .png
logo-fil, som jeg gerne vil konvertere til et ikon.
Relateret: https://stackoverflow.com/questions/2359866/html-set-image-on-browser-tab.
Brug et værktøj til at konvertere din png til en ico-fil. Du kan søge på "favicon generator" og du kan finde mange online værktøjer.
Placer ico-adressen i head
med et link
-tag:
<link rel="shortcut icon" href="http://sstatic.net/stackoverflow/img/favicon.ico">
Jeg har gjort dette med succes for mit websted.
Den eneste undtagelse er, at SeaMonkey-browseren kræver HTML-kode indsat i din <head>
; mens de andre browsere stadig vil vise favicon.ico uden HTML-indsættelse. Desuden kan alle andre browsere end IE bruge andre typer billeder, ikke kun .ico-formatet. Jeg håber, at dette hjælper.