Wat is een favicon?
Een favicon is een aangepast pictogram dat is gekoppeld aan een webpagina of website die naast het http- adres in het URL-venster van een browser wordt weergegeven. Het zal ook open tabbladen bezetten in browsers die voor tabbladen zijn ingeschakeld en wordt naast bladwijzerlinks weergegeven. De term combineert de woorden 'favorieten' en 'pictogram'. Microsoft Internet Explorer versie 5.0 introduceerde de mogelijkheid om favicons weer te geven, gevolgd door andere grote browsers. Firefox, Netscape, Opera, Safari en Konquerer behoren tot de vele browsers die deze functie ondersteunen.
Een favicon is zo klein dat het wordt gemeten in pixels. Een pixel is de kleinste meeteenheid op een computerscherm. Pixels, die op kleine blokken lijken, zijn duidelijk zichtbaar wanneer u een beeldscherm door een vergrootglas bekijkt. Een favicon is slechts 16x16 pixels, 32x32 of, in het geval van Macintosh-computers, soms 64x64 of groter.
Het ontwerpen van een logo voor zo'n klein canvas is geen gemakkelijke taak, dus het is gemakkelijker om te beginnen met een groter canvas en vervolgens de afbeelding naar beneden te verkleinen. Omdat het verkleinen van een afbeelding kan leiden tot verlies van helderheid, kunt u het beste beginnen met een canvasgrootte van ongeveer 64x64 pixels.
Deze pictogrammen kunnen worden ontworpen in zwart-wit, 16 kleuren, 256 kleuren of meer, met bijna elk grafisch programma. Nadat het ontwerp is verkleind en opgeslagen, kan het worden geconverteerd naar een pictogrambestand . Niet alle grafische programma's slaan bestanden op als .ico-bestanden, maar er zijn veel grafische programma's online beschikbaar die specifiek zijn voor het maken en converteren van .ico-bestanden. Door een .bmp, .jpg, .gif of ander afbeeldingsbestand in een van deze programma's te openen en "Opslaan als" te kiezen, kunt u de afbeelding naar het juiste .ico-formaat converteren en het bestand favicon.ico een naam geven.
Het pictogram kan nu worden geüpload naar de hoofdmap van uw website. Browsers zullen dit bestand zoeken en weergeven als het wordt gevonden. Naast het uploaden naar de website, moeten twee regels eenvoudige code worden toegevoegd aan het gedeelte <head> </head> van de webpagina, zoals hieronder wordt weergegeven. Verander "website.com" in uw daadwerkelijke website naam:
<link rel="icon" href="http://website.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://website.com/favicon.ico" type="image/x-icon" />
Als een website een bladwijzer heeft in Internet Explorer voordat deze een favicon heeft, wordt een nieuwe mogelijk niet weergegeven. Verwijder de bladwijzer, wis het cachegeheugen van de browser en start de browser opnieuw. Surf nu handmatig naar de website en je zou het favicon moeten zien. Maak een bladwijzer van de site om deze toe te voegen aan favorieten .
Hoewel Internet Explorer vereist dat het favicon een .ico-bestand is, kunnen Firefox, Netscape en andere populaire browsers ook .gif-, .jpg- en .png-bestanden weergeven. Als u een ander bestandstype dan .ico gebruikt, moet de code worden gewijzigd om het juiste afbeeldingstype weer te geven. Als bijvoorbeeld favicon.png wordt gebruikt, zou de code lezen: type="image/png" />
plaats van type="image/x-icon" />
.
Door een favicon aan een website te koppelen, creëert u visuele branding die een surfer kan helpen uw website en de inhoud ervan terug te halen met een eenvoudige blik op zijn of haar bladwijzers. Of het nu gaat om een mini-logo of een origineel ontwerp, uw afbeelding weerspiegelt idealiter iets van de inhoud, het karakter of de naam van de site. Er zijn verschillende online bedrijven die desgewenst een favicon voor u ontwerpen. Voor mensen met basis computervaardigheden is het maken van een eenvoudige en plezierige taak echter een paar minuten tot een middag of avond.