kzen.dev
Mer
Question

Hur lägger man till en ikon för en webbläsarflik (favicon) för en webbplats?

Jag har arbetat med en webbplats och vill lägga till en liten ikon i webbläsarfliken.

Hur kan jag göra detta i HTML och var i koden måste jag placera den (t.ex. i rubriken)? Jag har en logotypfil i filformatet .png som jag vill konvertera till en ikon.

Relaterat: https://stackoverflow.com/questions/2359866/html-set-image-on-browser-tab.

Community
Community
Redigerad fråga 2017ör maj 2017 в 11:54
Programmering
icons
html
favicon
Popular videos
« Föregående
Nästa »
Den här frågan har 1 svar på engelska, för att läsa dem logga in på ditt konto.

  1. Använd ett verktyg för att konvertera din png till en ico-fil. Du kan söka på "favicon generator" och du kan hitta många verktyg online.

  2. Placera ico-adressen i head med en link-tagg:

     <link rel="shortcut icon" href="http://sstatic.net/stackoverflow/img/favicon.ico">
Prusprus
Prusprus
Redigerat svar 2015ör december 2015 в 2:14
420

Jag har lyckats göra detta för min webbplats.

Det enda undantaget är att SeaMonkey kräver HTML-kod i din <head>; medan de andra webbläsarna fortfarande visar favicon.ico utan HTML-infogning. Dessutom kan alla andra webbläsare än IE använda andra typer av bilder, inte bara .ico-formatet. Jag hoppas att detta hjälper.

Emmet Arries
Emmet Arries
Redigerat svar 2016ör februari 2016 в 11:47
10

För att Chrome ska kunna visa sidikonen (favicon) måste du kontrollera din webbplats från en värdserver eller så kan du använda en lokal värd när du utvecklar och testar din webbplats på din dator.

2