Een flavicon is het kleine plaatje wat bovenaan aan het begin van het tabblad voor je website staat.
Het geeft dus een indicatie van de website bovenaan in het label van de browser, als deze met tabbladen werkt.
Bekende voorbeelden van flavicons:
De standaard extentie voor een flavicon is flavicon.ico, dus hetzelfde als een icon.
De gebruikelijke browsers als Chrome, Firefox, Edge en Internet Explorer kunnen ook overweg met de formaten
.jpg. .png en . gif., voor een flavicon.
Sommige browsers ( Firefox en Opera ) kunnen zelfs overweg met een animated GIF, dus een bewegend plaatje !
De flavicon heeft als afmetingen 16×16, 32×32 of 64x 64 pixels en heeft maximaal 16 kleuren.
De eenvoudigste manier om een flavicon te maken is met een Flavicon generator als : flavicon.io
Die kan van een plaatje, maar ook van tekst of een emoji een flavicon maken en werkt super eenvoudig.
In HTML kun je een flavicon toevoegen als:
<link rel="shortcut icon" type="image/x-icon" href="/somewhere/myicon.ico"><link rel="shortcut icon" type="image/gif" href="/somewhere/myicon.gif"><link rel="shortcut icon" type="image/png" href="/somewhere/myicon.png">
In wordpress is een flavicon vaak ook heel eenvoudig toe te voegen, maar dit is afhankelijk van het gekozen thema:
– login als administrator
– ga naar het dashboard
– Kies “Weergave”
– Kies “Customizer” binnen het thema
– Kies “Site-identiteit”, kijk in de linker sitebar, en scroll iets naar beneden
– Kies “Site-pictogram” en selecteer een afbeelding .
Hopelijk maakt dit je websites meer duidelijk en meer onderscheidend !