Jag bloggar numera på http://blog.dileno.com ».

Prenumerera på RSS

Att skapa en favicon

En favicon är en ikon som representerar en webbplats. Vanligtvis visas ikonen till vänster om adressen i webbläsarens adressfält och kan även visas i menyer och bokmärksfält, för att identifiera en webbplats lättare.

Faviconen för denna blogg är ikonen till vänster om adressen i denna bild:

Favicon-exempel

Att tänka på när man skapar en favicon

  1. Ikonen ska vara 16x16 pixlar stor.
  2. Ikonen ska placeras i roten på din webbplats.
  3. Filändelsen bör vara .ico (moderna webbläsare stödjer även .gif och .png, men för bakåtkompatibilitetens skull så är .ico bäst att använda)

För att faviconen ska synas behöver man sedan lägga till följande i <head>:

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

Det finns ett alternativ, där man byter ut "shortcut icon" mot enbart "icon", men jag har upptäckt att "shortcut icon" fungerar i betydligt fler webbläsare.

Tips och ett verktyg

Ibland syns inte faviconen direkt när man laddar om webbsidan i webbläsaren. I så fall måste man rensa webbläsarcachen och starta om webbläsaren.

Ett bra verktyg för att skapa en favicon: http://www.favicon.cc/

Till sidhuvudet

Clicky Web Analytics