En ikon i webbläsarfönstret

En favicon, betyder = favorites icon, är en liten ikon som representerar din webbsida och som visas till vänster i adressfältet i de flesta webbläsare.

En ikon i webbläsarfönstret – en favicon.

En favicon, betyder = favorites icon, är en liten ikon som representerar din webbsida och som visas till vänster i adressfältet i de flesta webbläsare. Den kan även visas i menyer och listor när du väljer att spara sidan som bokmärke i dina favoriter. I många flikbaserade webbläsare visas även ikonen i motsvarande flik i flikfältet. Det är enkelt att skaffa sig en egen favicon.

Gör så här om du vill ha en egen favicon:

1. Gör i ordning en bild, skall vara exakt fyrkantig 125×125 pixlar eller 100×100 pixlar förslagsvis. Spara den på skrivbordet tex.
Den här bilden kommer sedan att göras om till att bli 16×16 pixlar. (Du kommer antagligen att behöva göra flera försök innan du är helt nöjd.)
Den kan se ut så här om man använder sig av en bild. I det här exemplet Mona Lisa.

Mona Lisa Favicon

2. Gå till någon av följande adresser:

Eller den här som är enkel och bra att använda Favicon Maker.

3. Använd ladda upp funktionen och ladda upp bilden som du skapade.
4. Skapa faviconen. Ser ut så här när den är klar, 16×16 pixlar stor.

favicon_exempel_02_mona_lisa

5. Spara ned din favicon.ico på ditt skrivbord eller i en katalog.
6. Sedan placerar du mellan <head> och </head> följande kod på varje sida:
<link href=”http://www.MINHEMSIDA.se/favicon.ico” rel=”shortcut icon”>
Byt ut ”MINHEMSIDA” mot adress på din sida.
7. Lägg upp din nya favicon.ico bild direkt där du har index eller default filen på din hemsida.
8. Tänk på att trycka på uppdatera för att se din nya favicon. Ibland måste man även gå in och rensa i webbläsaren alla ”Tidigare besökta webbplatser” och ”Temporära internetplatser” för att den skall synas för dig.

WordPress – favicon

Det finns plugins för att få en favicon i en WordPress blogg. sök på WordPress.org efter plugin och installera. Gör i ordning din favicon som ovan för att ladda upp.


Läs mer: