Wat Is Een Favicon?

De Oorsprong Van De Favicon

De favicon werd oorspronkelijk geïntroduceerd door Microsoft in 1995 als onderdeel van de eerste versie van Internet Explorer. De toenmalige ‘Favorieten icoon’ was een klein 16×16 pixel afbeeldingsbestand dat naast de titel van een website in de bladwijzerlijst van de browser werd weergegeven. Sinds de eerste introductie is de favicon een onschatbaar bezit geworden voor websiteherkenning en branding.

Waar Favicons Verschijnen

Favicons zijn belangrijk omdat ze visuele herkenning en branding voor webpagina’s bieden. Favicons verschijnen het meest in het browsertabblad, de adresbalk van de website, bladwijzers en op mobiele apparaten. Ze kunnen ook verschijnen in zoekmachine resultaten, wat helpt om een website te onderscheiden van de concurrentie.

Hoe Een Favicon Maken

Een Favicon Maken Met Een Online Generator

Het gebruik van een online favicon-generator is de eenvoudigste manier om een favicon te maken. Je hoeft alleen je afbeelding te uploaden, en het zal de juiste bestanden voor je genereren. Dit is waarschijnlijk de snelste methode om een favicon te creëren.

Een Favicon Maken met HTML & CSS Code

Als je je comfortabel voelt met het coderen in HTML en CSS, dan kan dit een optie voor je zijn. Je kunt een favicon maken met code zoals <link rel=”shortcut icon” type=”image/x-icon” href=”myfavicon.ico”> en door de juiste formaten van PNGafbeeldingen toe te voegen aan je webpagina bestanden.

Een Favicon Vanaf Nul Maken

De moeilijkste manier om een favicon te maken, maar ook de meest lonende, is er een vanaf nul te creëren. De populairste programma’s die voor ontwerp worden gebruikt, zijn Photoshop of Illustrator. Wanneer je er een vanaf nul maakt, zorg er dan voor dat het er goed uitziet in verschillende maten en resoluties, zodat het correct wordt weergegeven op alle apparaten.

Favicon Bestandsformaten

Bij het maken van een favicon is de eerste stap het kiezen van het bestandsformaat. De meest voorkomende en veelgebruikte bestandsformaten zijn .png, .gif en .ico. Elk van deze formaten heeft zijn eigen unieke voordelen en nadelen.

PNG-favicons

PNG-bestanden zijn uitstekend voor het maken van favicons die afbeeldingen van hoge kwaliteit hebben met een transparante achtergrond. Ze ondersteunen ook een kleurdiepte van 8-bit, wat kan helpen om interessante effecten in je icoonontwerp te creëren. Echter, PNG-bestanden hebben de neiging groter te zijn dan andere formaten en kunnen langer duren om te laden op webpagina’s.

GIF-favicons

GIF-bestanden zijn een uitstekende keuze als je op zoek bent naar een makkelijk te comprimeren afbeelding die ook op kleine formaten goed zichtbaar blijft. GIFs hebben bovendien het voordeel dat ze geanimeerd kunnen worden, waardoor je dynamische favicons kunt creëren die de aandacht van bezoekers trekken wanneer ze je site bezoeken.

ICO Favicons

Het ICO-formaat wordt vooral gebruikt voor Windows-applicaties maar kan ook gebruikt worden om favicons voor webpagina’s te creëren. Ze bieden doorgaans een betere compressie dan zowel PNG- als GIF-bestanden en zijn het beste wanneer je meerdere formaten van een afbeelding uit één bron wilt produceren (vaak bekend als “schalen”).

Favicon Afmetingen

De grootte van je favicon varieert afhankelijk van het apparaat en de pixeldichtheid. Voor smartphones moet je een vierkantige afbeelding maken die minimaal 144 x 144 pixels is; voor tablets is 192 x 192 pixels een goede grootte.

Je moet ook overwegen om displays met een hogere resolutie, zoals Retina displays, te gebruiken, waar een grotere afbeelding (minimaal 512 x 512) nodig kan zijn. Voor computers met desktopmonitoren volstaat meestal een afbeelding van 16×16 of 32×32 pixels.