Een favicon maken?

February 26th, 2008 Posted in handleidingen, webdesign, wordpress

Een Favicon is een klein plaatje (een icoontje) dat links van het adres in de adresbalk van de browser staat, zoals het kleine woordenboekje hierboven. Bij sommige browser is dit icoontje ook te zien in de lijst met favorieten. Bij Internet Explorer wordt het ikoon zichtbaar in de adresbalk en in het lijstje met favorieten als de bezoeker de pagina toevoegt aan zijn favorieten.
Dus: als je pagina niet gebookmarked wordt, verschijnt het ikoon niet in IE!

Je kunt natuurlijk via een editor een icon maken (16×16) plaatje met ico bestandsformaat of je kunt een online favicon generator gebruiken. Je hebt online favicon generators die tekst manipuleren als Antifavicon, een plaatje gebruiken om direct een favicon te genereren en je kunt zelfs een favicon bewerken met deze favicon editor.

Naast het zelf maken van een favicon kun je tenslotte ook nog een icon downloaden en gebruiken op je eigen website. Op sites als Gorts Icons kun je gratis mooie favicons vinden.

Nadat je een favicon hebt gemaakt, moet je het nog uploaden naar je webserver. Plaats het gewoon in de rootdirectory (de hoofddirectory van je site).

Tenslotte moet je nog naar het ikoon verwijzen in de head sectie van alle pagina’s op je site. Dat verwijzen doe je met behulp van de link-tag.

Voorbeeld:

N.B. de bovenstaande code ‘href=/favicon.ico’ bevat een /. Hiermee geef je aan dat favicon.ico in de rootdirectory staat. Heb je een gratis webhost waar je een subdirectory hebt gekregen voor je site dan moet je hier waarschijnlijk een verwijzing naar deze directory maken. Dus bijvoorbeeld: ‘/mijngebruikersnaam/favicon.ico’ of anders een absolute verwijzing: ‘http://www.freewebs.com/mijngebruikersnaam/favicon.ico’. In ieder geval: gaat er iets mis en werkt het ikoon niet dan ligt dit zeer waarschijnlijk aan een foute verwijzing naar het favicon.ico bestand.

Als je een Wordpress website hebt, is deze Favicon plugin wel handig.

Stem of voeg toe aanUitleg over het gebruik van deze icons :  Plaatsen/stemmen op NUjij Plaatsen/stemmen op eKudos Plaatsen/stemmen op MSN Reporter Plaatsen/stemmen op Digg Stumble it! Voeg dit artikel toe aan Del.icio.us Voeg toe aan je Google bladwijzers Abonneer je op de RSS-feed van deze site Verstuur deze pagina per e-mail via Feedburner

Mischien vind je dit ook interessant?

  1. Favicon maken
  2. Animatiefilmpje maken
  3. Website mockup maken
  4. Tekenfilm maken
  5. Stamboom maken

Tags:

Leave a Reply