Een Favicon voor je website

Favicon is het icoontje dat naast de naam van de website staat als je deze in een bladwijzer of favorietenbalk bekijkt. Het lijkt een klein iets, maar mensen gaan je website wel herinneren en vaker bezoeken als je er één hebt. Dat is bewezen. Hoe maak je zo'n icoon en hoe krijg je hem in de browsers van anderen. Dit en meer in deze tutorial Faviconen.

Favicoon

Als je een website bezoekt dan kijkt de browser of hij het bestand favicon.icon kan vinden. Kan hij deze niet vinden dan komt het standaard icoon te staan. Dat is bij de meeste browsers gewoon een leeg blad. Er zijn drie grote voordelen van het gebruiken van een favicon.ico op je website.

• Je website wordt herkenbaarder

• Het geheel ziet er professioneler en 'gelikter' uit.

• De website zal er tussen uitspringen als deze bekeken wordt tussen de bladwijzers en favorieten

Beroemde iconen

Het icoon dat verschijnt naast de naam van de website van sommige websites zijn wereldberoemd en worden herkend door iedereen.Een paar nationaal en internationaal bekende favicons:

• De W van Wikipedia

• De witte I met het rode vlak van Infonu

• De kleine g van google met herkenbare kleuren

• De witte M met blauwe achtergrond van Microsoft

• Het blauwe logo van Nu.nl

Ondersteuning

Met hulp van deze tutorial kun je voor je eigen website ook een favicon gaan gebruiken. Deze uitleg is gericht op de browser Internet Explorer 5 (en hoger). Naast deze browser wordt je favicon ook gezien in de browsers:

• Opera

• Google Chrome

• Firefox

• Safari

• Konqueror

Favicon maken

Je kunt je eigen website logo gebruiken of iets totaal nieuws gaan ontwerpen. Over het ontwerpen zal dit artikel niets onthullen. Het geheel moet worden opgeslagen als .ico bestand, maar het is bij sommige browsers ook mogelijk om een .gif (bewegend) bestand te uploaden als favicon.gif. Om zoveel mogelijk mensen te bereiken met het kleine icoon is het beter om een stilstaand .ico bestand te kiezen hiervoor.
Een aantal voorwaarden aan het maken. Je bestand moet:

• Exact 16x16 zijn

• Opgeslagen als .ico bestandsformaat

• Herkenbaar blijven

• Aansluiten bij je website qua kleur en design

Daarna kun je hem simpel uploaden op je website op een pagina waar html gebruikt wordt. De browser zal hem nu automatisch tonen naast de adresbalk, bladwijzers en favorieten van je bezoekers! Makkelijk, maar wel treffend.

Convert

Je maakt je favicon in een programma als Photoshop (er zijn natuurlijk diverse alternatieven hiervoor) en dan kun je hem simpel omzetten naar een .ico bestand. Een goede gratis .jpg .bmp .gif naar .ico converter vindt u hier