Hoe je een favicon toevoegt aan je blogontwerp - dummies

Je bent misschien niet bekend met de term favicon, maar je hebt zeker eerder een gezien. Een favicon of favoriet pictogram is een klein pictogram dat wordt gebruikt om uw blog in een browser te identificeren.

U ziet het vaakst een favicon in de adresbalk van een browser (zoals het favicon voor het Momcomm-blog dat wordt weergegeven in de volgende afbeelding) of op een browsertabblad. Er verschijnt echter ook een favicon naast uw blognaam wanneer iemand uw blog en in bepaalde RSS-lezers als bladwijzers opslaat.

Een favicon lijkt misschien op een eenvoudige kleine afbeelding, maar het bevat een krachtige stoot. Een aangepast favicon verwijdert het uiterlijk van uw blogontwerp en voegt een andere plaats toe voor de branding van uw blog. Zonder een favicon geeft uw blog het symbool van uw blogplatform of een nog algemener papierpictogram weer. Omdat veel gebruikers op internet surfen met meerdere geopende tabbladen, maakt een favicon je blog meteen gemakkelijk te herkennen. Merk op hoe het roze smiley-pictogram opvalt in de volgende afbeelding.

Favicons zijn kleine dingetjes, slechts 16 x 16 pixels. Houd dus bij het ontwerpen van uw favicon rekening met de volgende richtlijnen:

• Blijf bij één afbeelding: Een favicon is niet de plaats om een ​​aantal grafische elementen te combineren. Eenvoudiger werkt beter.

• Wees zuinig met letters: Niemand zal een volledig woord kunnen lezen. Als u initialen wilt gebruiken, blijf dan bij één of twee letters.

• Trek een herkenbaar ontwerpelement uit je blogontwerp: Je wilt dat mensen het favicon-ontwerp koppelen aan je blogontwerp. Als het ontwerpelement dat u kiest geen vierkant is, slaat u het op als een. png-bestand (voordat je het opslaat in de pictogramindeling, zoals zojuist aangegeven) om te zorgen dat je achtergrond transparant is. Anders omringt een wit vakje je ontwerpelement.

  Kies een ontwerpelement zonder veel fijne details omdat een dergelijk detail niet op een klein formaat zichtbaar is.

U kunt een favicon-afbeelding maken in elke beeldbewerkingssoftware. Voordat u het op uw blog gebruikt, wijzigt u het bestandsformaat van een. jpg,. gif, of. png naar een. ico-bestand, dat staat voor pictogram. De eenvoudigste manier om de bestandsindeling te wijzigen, is door uw favicon-afbeelding te uploaden naar een website die uw afbeelding omzet in een. ico-bestand. U hoeft het pictogram zelfs niet te ontwerpen als 16 x 16 pixels, omdat deze websites het favicon voor u bepalen. Zorg ervoor dat uw afbeelding vierkant is (32 x 32 pixels, 64 x 64 pixels, enzovoort).

Hier zijn twee plaatsen om uw afbeelding naar een favicon te converteren:

• Favicon. cc

• Faviconr

Om het favicon aan je Blogger-blog toe te voegen, ga je naar Dashboard → Layout en selecteer je Bewerken in het Favicon-gebied om je favicon-bestand te uploaden.

Om het favicon aan uw WordPress-blog toe te voegen, kunt u code gebruiken (zie het gedeelte over technische zaken) of een plug-in gebruiken zoals:

• All In One Favicon

• WSA Favicon >: Deze plug-in converteert een afbeelding ook naar een. ico afbeelding. Sommige blogthema's hebben ook een plaats binnen de instellingen om zelf een favicon toe te voegen.

Als uw blogthema geen gemakkelijke plek heeft om uw favicon te uploaden en u geen plug-in wilt gebruiken, kunt u een kleine code gebruiken om deze weer te geven. Om een ​​favicon met deze methode te installeren, zet je de. ico-bestand in de themamap van uw blog. Bewerk vervolgens je header. php-bestand om het volgende toe te voegen tussen en:

Zorg er wel voor dat u de URL vervangt door de locatie van uw favicon. Om ervoor te zorgen dat uw favicon in RSS-feedlezers wordt weergegeven, plaatst u de afbeelding ook in uw hoofdmap.