Wanneer u een website zoals Google, Yahoo of wikiHow bezoekt, ziet u misschien dat er een klein pictogram links van de adresbalk staat. Dit staat bekend als een favicon en u kunt uw eigen favicon maken voor een website. Het pictogram geeft uw site niet alleen een professionelere uitstraling, maar verschijnt ook in de bladwijzers van de gebruiker naast alle pagina's op uw site die ze in hun favorieten hebben geplaatst. Dit kan hen helpen uw site gemakkelijker te vinden.
Stappen
Stap 1. Maak een afbeelding van 16x16 pixels groot
Het moet een eenvoudige afbeelding zijn, zodat deze direct herkenbaar is.
Stap 2. Converteer de afbeelding naar een favicon.ico-bestand
Het moet precies zo heten, anders herkent de browser het niet. Een gemakkelijke manier om dit te doen is door de Dynamic Drive FavIcon Generator te gebruiken. Een andere manier is om een gratis afbeeldingseditor GIMP te gebruiken en de 16x16-afbeelding op te slaan in ICO-indeling.
Stap 3. Upload het gegenereerde bestand naar uw website
Stap 4. Voeg de volgende code toe aan de HTML van uw website
U moet het in het gedeelte van de code plaatsen en ervoor zorgen dat het pad naar het pictogram correct is, ten opzichte van de webpagina. Code volgt (ervan uitgaande dat zowel.html als.ico zich in dezelfde hoofddirectory bevinden):
Stap 5. Ververs de pagina, ga achteruit en bewonder het prachtige nieuwe pictogram van uw website
Tips
- Ook al is uw pictogram erg klein, zorg ervoor dat andere mensen het gemakkelijk kunnen lezen/begrijpen.
- Als u Linux gebruikt, kunt u het bestand rechtstreeks op uw computer converteren. Kies gewoon een geschikte afbeelding, open uw opdrachtregel, navigeer naar de map waar u de afbeelding opslaat en typ: convert picture-p.webp" />