Tilføj et ikon til dit website med favicon.ico
af Jonas Astrup, HTML.dk
Sidst opdateret 25. oktober 2000
Hvis du bruger Mozilla, Konqueror, Galeon, Safari, Internet Explorer 5, Opera 7 eller nyere, har du så nogensinde lagt mærke til at for nogle websites i dine foretrukne (bookmarks) er det sædvanlige ikon udskiftet med et andet?
Prøv f.eks. at bookmarke denne side, og kig så på listen over dine bookmarks, du vil sikkert se noget i denne retning af den afbildede menu.
Ganske smart ikke? For det første er det jo lidt pænere end bare at have et standard ikon, og for det andet for det jo sitet til at træde lidt frem i forhold til de andre.
Det lille ikon hedder et "favicon" - det er en forkortelse for "Favorites Icon", og udtales på engelsk som [fav-eye-con]. I denne artikel skal vi kigge lidt på hvordan du kan lave dit eget favicon til dit website.
Hvor kan et favicon ses henne?
Hvis du tilføjer et favicon til dit website, og en bruger bookmarker dit site, vil det kunne ses følgende steder i brugerens browser:
I browserens adresselinje:
I browserens oversigt over bookmarks:
I startmenuens oversigt over bookmarks:
Som genvej på skrivebordet:
I browserens værktøjslinie med links:
I windows taskbar
Hvordan laver man sit eget favicon?
Et favicon er en lille fil, som ligger i roden af et website. Et favicon skal være af filtypen icon (.ico) - det må maksimalt have 16 farver, og skal have en størrelse på 16 gange 16 pixels for at blive vist i Internet Explorer.
For lige at rydde en misforståelse af vejen: Du kan ikke bare lave et lille billede i dit grafikprogram og omdøbe det til .ico
Derimod skal du enten have fat på et stykke special software til at producere ikonet med, eller hvis du ikke har lyst til at downloade og installere software kan du benytte en online ikon generator.
- Hvis du vil benytte software på din egen pc:
- Find en ikon-generator på nettet, der findes mange forskellige. Nedenfor er gengivet hvordan du bruger programmet HappyIcon v2.01 (shareware: gratis evaluation udgave, pris for registreret udgave 22US$). Læs vejledning nedenfor.
- Hvis du vil benytte online ikon generator:
- Den javabaserede ikon generator er stillet til rådighed af Favicon.com, og giver muligheden for hurtigt at lave et lille ikon, som man bagefter får tilsendt pr. e-mail. Dette er ikke den optimale løsning, men man slipper for at downloade og installere ekstra software. Når du har lavet og fået dit favicon kan du læse videre i artiklen. Klik her for at starte generatoren.
Lav et ikon med programmet HappyIcon v2.01
Gå til dette website og download programmet HappyIcon 2.01 (zip-fil, 960 kb). Installer derefter programmet.
Med dit normale grafik-program (Paint Shop Pro, PhotoShop, eller lignende) kan du lave dig et lille stykke grafik, som du gerne vil have dit favicon skal se ud. Derefter starter du HappyIcon 2.01 og ser følgende skærmbillede:
- Her angiver du hvilken billedfil du vil have konverteret til et ikon
- Her angiver du formatet på den billedfil du gerne vil have konverteret
- Her krydser du af ved 16x16 (størrelse og farver)
- Hvis du vil angive hvilken farve der skal være transparent kan du gøre det her
- Her angives hvor ikonet skal placeres
- Klik på denne knap når du er klar
Hvordan får man knyttet ikonet til et website
Du har nu fået produceret et ikon - kald det for favicon.ico, og placer det i roden af dit website, sådan her:
Det er nok! - dit favicon skulle nu gerne virke.
Anden metode
Hvis du gerne vil kalde dit ikon for noget andet end standardnavnet favicon.ico, eller hvis du gerne vil have det til at ligge et andet sted en i roden af sitet, kan du bruge elementet <link>.
Dette gøres ved at indsætte følgende linie i headersektionen af dine sider:
<html> <head> <title>min side</title> <link rel="shortcut icon" href="/mappe/ikon.ico"> </head> <body> .......
Hvor /mappe/ikon.ico angiver stien til dit ikon.
Ofte stillede spørgsmål om favicons
- Hvilke browsere virker favicons i?
- Mozilla, Konqueror, Internet Explorer 5 eller nyere (kender du til andre browsere, send venligst en mail).
- Hvordan opfører ældre browsere sig hvis de møder et site med et favicon?
- De ignorerer simpelthen bare ikonet, det har ingen betydning.
- Jeg har skiftet mit favicon, men min browser husker stadig det gamle - hvad gør jeg?
- Denne situation kan drille lidt. Tøm cachen i din browser, slet alle favicons, sæt eventuelt et <link> ind som beskrevet ovenfor med angivelsen af et helt nyt favicon med et nyt navn. Dette skulle hjælpe.
- Kan man som bruger "slå favicons fra" i sin browser?
- Nej, ihvertfald ikke i de nuværende browsere.
- Relaterede nyhedsgrupper på Usenet
- Relaterede links om emnet
