Een favorieten icoontje of ‘Favicon‘ is het teken dat naast een website staat als je deze in een bladwijzer of favorietenbalk bekijkt. Het lijkt iets kleins en banaals maar kan mensen weldegelijk helpen herinneren om welke website het gaat. In deze how-to leer je hoe je een dergelijk Favicon ontwerpt en toonbaar maakt voor andere gebruikers.
De voordelen:
Als je een website bezoekt, controleert je browser of hij het bestand favicon.ico kan vinden. Kan hij deze niet vinden dan komt het standaard icoon te staan; dat is bij de meeste browsers gewoon een leeg blad. Echter zijn er drie grote voordelen rond het gebruik van een favicon.ico op je website:
– Je website wordt een stuk herkender.
– Het geheel ziet er professioneler en meer voorbereid uit.
– De website zal er tussen uitspringen als deze bekeken wordt tussen de bladwijzers en favorieten.
Opmerking:
Om je icoon weer te geven bij andere internetgebruikers, moeten ze tenminste beschikken over versie 5 van Internet Explorer. Daarnaast worden de favicon’s ook weergeven in:
– Opera
– Firefox
– Google Chrome
– Safari
– Konquerror
De stappen:
1. Ontwerp een icon-logo dat van grote 16×16 pixels is. Aanbevolen wordt om het strak maar toepasselijk te houden op de template van je website.
2. Sla het bestand op als .ico-bestand, eventueel kan dit ook als .gif-bestand als je graag over een bewegende afbeelding geschikt. Je kan je afbeelding omzetten naar een .ico-bestand via http://www.htmlkit.com/services/favicon.
3. Open de html-code of php-code van je webpagina.
4. Voeg tussen de <head> en </head>-codes van het bestand het volgende toe:
<link REL=”SHORTCUT ICON” HREF=”http://yoursitedotcom.here/yourdir/favicon.ico”>
5. Vervang de bovenstaande link door het pad van het .ico-bestand van je eigen icoon.
6. Upload het bestand naar je ftp.
7. Je website zal nu verschijnen voor al je bezoekers met je eigen favicon.
