Hoe maak je een favicon

Door Tourniquet gepubliceerd op Friday 28 September 12:13

Een favicon toevoegen aan je website? Snel en makkelijk! Het moeilijkste is alleen het bedenken en creëren van een goede favicon...

Wat is een favicon?

Een favicon is een afkorting van 'favorites icon'. Het is het kleine plaatje dat je ziet naast de titel of het adres van een website.

Zelf een favicon maken

Maak een kleine afbeelding van 16x16 pixels of 32x32 pixels (groter mag, maar deze maten zijn ideaal).
Het is maar een heel klein plaatje, dus denk goed na over wat je erop wilt zetten. Voor je website kun je het beste een logo bedenken wat je kunt laten zien in je favicon, zodat men jouw website makkelijk kan herkennen in hun adresbalk of favorieten.

Ik heb zelf een voorbeeldplaatje gemaakt in Paint - het is een katje. :P

Nu moet je de afbeelding het bestandstype .ico geven.


Als je afbeeldingen niet kunt opslaan als .ico, kun je hem heel eenvoudig en gratis online converteren, bijvoorbeeld op http://iconverticons.com

De volgende stap: upload de afbeelding naar jouw webruimte. Zodra hij is geupload, kun je hem toevoegen aan je website. Dit is ook heel erg makkelijk, je gebruikt deze code:

<link rel="shortcut icon" href="//domainnaam.com/favicon.ico" type="image/x-icon" />

en je plaatst deze code tussen de <head> </head> tags van je website.

Als je de verandering niet gelijk ziet, kun je het volgende proberen:
- je cache verwijderen
- je browser opnieuw opstarten
- CTRL + F5 intoetsen

Tip!

Op http://www.favicon.cc kun je zelf een favicon maken.

Reacties (5) 

Voordat je kunt reageren moet je aangemeld zijn. Login of maak een gratis account aan.
Goede bruikbare info. Gaat bij de favorieten. Duim en fan erbij.
Ik ben dol of favicons, goed geschreven!
*op ;)
Goed artikel. Ga ik eens uitproberen.
duim
Tex
Nuttige info. Ik vroeg me al lang af hoe dat werkte.
Kan ik nu bij mijn eigen sites toepassen.