Hur du skapar en favicon.ico

När du surfar runt på nätet så har du säkert upptäckt att vissa webbplatser har en ikon till vänster om adressfältet i webbläsaren.

Detta fenomen kallas "favicon" och är en liten ikon som läggs i rotmappen på ditt webbhotell.

Här har du en snabb guide till hur du skapar en likadan på din sida.

Skapa själva ikonfilen

Bildfilen som används är en ikon och skall ha filändelsen "ico". Det räcker inte med att byta namn på t.ex en jpg-bild, utan den måste ha rätt filformat. Om du inte själv vet hur man skapar en ikon kan jag tipsa om http://www.favicon.co.uk/ som hjälper dig att skapa en .ico från valfritt bildformat. (Här kan du välja vilken dimension du vill att ikonen skall ha, 16x16, 32x32, 64x64 osv. Som regel kan du utgå från att ju mer detaljer din originalbild innehåller, desto större bör ikonen vara.)

Placera ikonen i webbläsaren

När du har skapat ikonen som behövs skall du göra på följande sätt:

På alla HTML-sidor du vill att ikonen skall visas lägger du in följande kod mellan hemsidans HEAD-taggar.

Felsökning

Om du följer dessa instruktioner men ändå inte kan se ikonen i webbläsaren kan det bero på att sidan du försöker visa är cachad och finns kvar i webbläsarens minne.

Om du använder Internet Explorer gör du på följande sätt:

Klicka på Verktyg och välj "Internetalternativ".
Under fliken "Allmänt" finns det något som heter "Webbhistorik".
Klicka på "Ta bort" och välj sedan "Ta bort filer" under "Temporära Internetfiler".

När du är klar med detta startar du om webbläsaren och går in på din hemsida igen. Du skall nu se din ikon.

Om du använder Mozilla Firefox gör du på följande sätt:

Klicka på "Verktyg" och välj sedan "Inställningar".
Klicka på fliken "Sekretess" och klicka sedan på "Rensa nu" under "Känslig data".
Starta om firefox.

Nu skall du se ikonen.