Favicon

Uit Wikipedia, de vrije encyclopedie
Ga naar: navigatie, zoeken
Wikipedia-favicon, getoond in Mozilla Firefox

Een favicon, urlicon of pagina-icoon, is een pictogram dat geassocieerd is met een website.

Een webdesigner kan zo'n icoon maken en veel grafische webbrowsers laten deze zien, zoals recente versies van Internet Explorer, Firefox, Opera, Safari, Konqueror en Google Chrome. Browsers die favicons ondersteunen laten deze meestal zien in de adresbalk. Tevens worden ze gebruikt in de lijst met bladwijzers of favorieten.

Hoewel de naam van het icon standaard favicon.ico is en de bestandsextensie dus die van een icoonbestand is, blijkt het in sommige browsers mogelijk een geanimeerd GIF-bestand dat onder deze naam is opgeslagen als een bewegende afbeelding te tonen.

Een standaard favicon heeft de afmetingen 16×16, 32×32 of 64×64 pixels, en bevat 16 kleuren.

Een favicon kan worden gebruikt door een <link>-tag[1] in de <head>-sectie van de HTML-code in te voegen:

HTML
<link rel="shortcut icon" type="image/x-icon" href="/somewhere/myicon.ico">
<link rel="shortcut icon" type="image/gif" href="/somewhere/myicon.gif">
<link rel="shortcut icon" type="image/png" href="/somewhere/myicon.png">
XHTML
<link rel="shortcut icon" type="image/x-icon" href="/somewhere/myicon.ico" />
<link rel="shortcut icon" type="image/gif" href="/somewhere/myicon.gif" />
<link rel="shortcut icon" type="image/png" href="/somewhere/myicon.png" />

Het is ook mogelijk om in de root-directory van de website een bestand met de naam /favicon.ico te plaatsen. Een browser zal kijken of het bestaat (nadat het heeft gekeken naar de <link />-tags), en zo niet dan zal de browser een standaard icoontje weergeven.

Browserondersteuning[bewerken]

Browser ICO PNG GIF animated GIFs JPEG APNG SVG
Google Chrome Ja Ja Ja 4.0 Ja 4.0 Nee nee Ja 4.0 Nee Nee Nee Nee
Internet Explorer Ja 4 Ja Ja Ja Ja Nee Nee Ja Ja Ja Ja Ja Ja
Mozilla Firefox Ja Ja Ja Ja Ja Ja Ja Ja Ja Ja Ja 3.0 Nee Nee[2]
Opera Ja Ja Ja Ja Ja Ja Ja Ja Ja Ja Ja Ja Ja 9.6
Safari Ja Ja Ja 4.0 Ja 4.0 Nee Nee Ja 4.0 Nee Nee Nee Nee

Voetnoten[bewerken]

  1. http://www.w3.org/2005/10/howto-favicon
  2. Bug 366324 - SVG site icons (favicons, shortcut icons) support Geraadpleegd op 2010-02-21