Favicon till din hemsida

Skrivet av Daniel Eliasson Onsdag 04 juni 2008 16:58

Vi skall nu gå igenom hur du själv skapar en ”favicon” eller bokmärkes-ikon med hjälp av bildprogrammet GIMP. En bokmärkes-ikon är den lilla bild som syns brevid adressfältet på vissa hemsidor. Bilden syns även som symbol för din hemsida när någon lägger till den i favoriter på sin webbläsare.

Skapa ikonen

Skapa en ny bild med storleken 16x16 pixlar. (Arkiv->Ny…) i Gimp, eller öppna en befintlig bild som du sedan förminskar till rätt storlek. Det är viktigt att bilden är exakt 16x16 för annars finns det risk att den inte fungerar i Internet Explorer 7.

Spara sedan din bild som Microsoft ikon-fil. Detta gör du genom att ange filnamnet ”favicon.ico”, och överför den sedan till huvudmappen på ditt webbhotell.

Lägg till koden

Öppna den sida du vill använda ikonen på (vanligtvis index-filen) och lägg in följande kod strax innan </head>-taggen:

<link rel="shortcut icon" href="/favicon.ico">

Öppna sidan i din webbläsare och du skall nu se ikonen i adressfältet.

---

Gillar du artikeln? Tipsa andra genom nedanstående knappar.