Een favicon is een kleine pictogram, een .ico bestand. Favicons worden gebruikt om je website herkenbaar te maken. Wanneer iemand jouw websitepagina opent of als bladwijzer opslaat, is de favicon zichbaar op het tabblad of bladwijzerbalk van je browser.
Veel bedrijven gebruiken hun logo als favicon, ik ook (zie je de kleine VE logo bovenaan op het tabblad?). Bekende favicons zijn bijvoorbeeld die van Google+, Facebook en Pinterest.
Voorbeeld van bekende favicons
UPDATE! Met de komst van WordPress 4.3 is het nog eenvoudiger om een favicon toe te voegen aan je website
Als je je WordPress site hebt bijgewerkt naar versie 4.3 (vergeet niet eerst een backup van je website te maken!), is het toevoegen van een favicon met de nieuwe customizer, nog eenvoudiger.
Log in op je site en klik op ‘customizer’ bovenaan
Klik op ‘site identiteit’ en upload de afbeelding dat je als favicon en app wilt gebruiken (vierkant, minimaal 512 pixels breed en hoog)
En je bent klaar!
Een favicon is de kers op de taart
Wanneer ik een website bouw, is het maken en installeren van een favicon altijd de laatse handeling die ik verricht. Ik zie het als de kers op de taart. Dan is de website echt af. Waarom heb je een favicon nodig voor jouw website? Simpel gezegd, voeg je een favicon toe om je website visueel herkenbaar te maken. Het valt mij bijvoorbeeld op dat veel WordPress gebruikers de standaard WordPress favicon niet vervangen. Het toevoegen van een favicon is dus echt het kersje op de taart – het maakt je website eigen en herkenbaar ‘as well as’ makkelijk vindbaar tussen de geopende tabbladen en opgeslagen pagina’s op de bladwijzerbalk van de bezoeker.
Hoe maak ik een favicon?
Een favicon is een .ico bestand. Een favicon maken is heel eenvoudig. Je kunt in principe elke gewenste afbeelding gebruiken, maar de meest doeltreffende favicons zijn eenvoudig vormgegeven en goed zichtbaar in het standaardformaat van 16 x 16 pixels. Stap voor stap een favicon maken doe je zo:
- Open jouw favoriete beeldbewerkingsprogramma
- Open een nieuw document van 500 x 500 pixels
- Voeg hierin de afbeelding die je wilt gebruiken
- Sla het bestand op als .jpg, .gif of .png bestand (.png heeft de voorkeur)
- Ga naar: www.favicon-generator.org
- Klik op ‘bestand kiezen’
- Upload de afbeelding die je zojuist gemaakt hebt
- Klik op ‘create favicon’
- Klik op ‘download the generated favicon’
- Je kunt het zipbestand vinden in je ‘downloads’ map
- Unzip de bestanden en sla ze op
Ok, ik heb een favicon gemaakt. Now what?
Heb je een favicon gemaakt en de bestanden uitgepakt en opgeslagen? Dan kan je nu je favicon uploaden. Er zitten 27 bestanden in de map, maar je hebt maar 1 bestand nodig en dat is het bestand genaamd ‘favicon.ico’. De makkelijkste manier om de favicon toe te voegen aan je website is om deze via FTP of de ‘bestanden uploaden’ feature van jouw provider te uploaden naar de root directory van je website.
Heb je een html website, dan voeg je de volgende code toe tussen de header tags op de index.html pagina (de meeste browsers hebben deze verwijzing echter niet nodig en vinden je favicon ook wel zonder hulp):
<head> <link rel='shortcut icon' type='image/x-icon' href='/favicon.ico' /> </head>
Sommige WordPress themes bieden je de optie om de favicon toe te voegen onder de ‘general’ settings van de theme via ‘weergave/theme options’ (appearance/theme options) of ‘weergave/aanpassen’ (appearance/customize). Log in op je WordPress website om te kijken of je de favicon op deze wijze kunt toevoegen.
Download 5 gratis favicons Virtual Efficiency
Heb je even geen zin of tijd om zelf een favicon te maken? Ik heb 5 favicons gemaakt die je kunt downloaden en gebruiken via de volgende link: download gratis favicons door Virtual Efficiency
Ik wens jullie veel succes met het maken van je eigen favicon en ben benieuwd naar je creatie of keuze uit de gratis download. Laat een reactie achter met een link naar je website.
Heb je zelf geen tijd, geen beeldbewerkingsprogramma enz. en wil je toch een favicon? Stuur mij een bericht. Voor € 25,- excl. btw maak ik het voor je in orde.
Hartelijke groet,
Daniëlle Molenaar
