Een favicon maken & toevoegen aan je WordPress website

Een favicon maken & toevoegen aan je WordPress website

Had je er al weleens van gehoord? Van een favicon? Gekke naam eigenlijk hè? Het is een samentreksel van de woorden ‘favorite’ en ‘icon’. Favicon dus… Je hebt hem al wel vaak gezien. Het is namelijk dat kleine icoontje dat je links in een browser tabblad ziet staan als je een webpagina opent. Je ziet ze ook staan in je favorietenlijst of op de voorpagina van je browser.

Een favicon zorgt voor herkenbaarheid en professionaliteit. Als je hem niet in je WordPress website hebt staan, dan laat hij in het tabblad het icoontje van WordPress zien. En dát wil je natuurlijk niet. In dit artikel leg ik je uit hoe je een favicon maakt en waar je hem importeert in je website.

YouTube

Ben jij meer een kijker & luisteraar dan een lezer? Je kunt deze tutorial ook bekijken op mijn YouTube kanaal.

Wat zijn de specificaties van een favicon?

Een favicon is een afbeelding met een grootte van 512 bij 512 pixels. Het bestandsformaat dat hiervoor gebruikt kan worden is .jpg, .png en .gif. Meestal wordt voor een favicon het beeldmerk van je logo gebruikt. Omdat je beperkt bent met de ruimte, het een vierkant betreft èn omdat een favicon maar heel klein vertoont wordt, is het vaak niet mogelijk, om je hele logo te gebruiken. Mijn eigen logo is bijvoorbeeld liggend en onmogelijk om in een vierkant te krijgen. De Q in mijn logo springt eruit door de afwijkende kleur en grootte en was daarom een logische keuze om die als favicon te gebruiken.

Hoe maak je een favicon?

Een favicon maak je in een programma waar je in ieder geval een fotobestand kunt maken van 512×512 pixels, zoals een fotobewerkingsprogramma.

Programma’s die je zou kunnen gebruiken zijn:

Adobe Photoshop
Photoshop is een fotobewerkingsprogramma waar je zeer uitgebreide fotobewerkingen mee kunt doen. Het wordt veel gebruikt in de creatieve sector door bijvoorbeeld fotografen, grafisch vormgevers, dtp-ers, (web)designers en illustratoren. Photoshop is onderdeel van de Adobe Creative Cloud en je betaalt hiervoor met een jaar- of maandlidmaatschap. Een lidmaatschap is niet goedkoop; de prijzen gaan vanaf ongeveer €30,- per maand.

Affinity Photo
Een supergoed alternatief voor Photoshop is Affinity Photo.. De mogelijkheden zijn net zo uitgebreid maar de prijs ligt echt een flink stuk lager (€54,99 éénmalig). Dit programma is absoluut een aanrader voor als je je wat meer wil bekwamen in fotobewerking. Zelf ben ik onlangs overgestapt na jarenlang Adobe en ik ben er erg over te spreken.

Ze hebben overigens ook Affinity Designer (alternatief voor Adobe Illustrator en Affinity Publisher (alternatief voor Adobe Indesign).

Meer info vind je op de website van Affinity.

Favicon maken in Canva

Een favicon kan ook gemaakt worden in de zo’n-beetje-alleskunner Canva.

Favivon maken in Canva
  • Maak een nieuw document aan van 512x512px
  • Upload de afbeelding die je wil gebruiken of ontwerp zelf een favicon met bijv. elementen.
  • Download je afbeelding als .png. Let op! Met de gratis versie van Canva kun je je afbeelding niet downloaden met een transparante achtergrond, die wordt dus wit. Met Canva Premium is dit wel mogelijk.
  • Comprimeer je bestand met tinypng.com om hem wat kleiner (minder zwaar) te maken.

Waar plaats je een favicon in WordPress?

Om je favicon in je WordPress website te plaatsen log je in en ga je naar je dashboard.

  • Kies voor Weergave > Customizer
  • Ga naar Algemene Instellingen
  • Kies voor Site Identiteit
  • Onderaan zie je dan ‘Site pictogram’ staan
  • Kies voor ‘Site pictogram selecteren’
  • Laad je afbeelding in via de Mediatheek
  • Klik vervolgens bovenin de Customizer op ‘Publiceren’

Gefeliciteerd! Je hebt zojuist je favicon in je website gezet. Bovenin de browsertab zie je het resulltaat.

Zeg eens… Wist jij al wat een favicon was?

0 reacties

Een reactie versturen

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Verder lezen?

Hoe maak je een Laposta aanmeld­formulier op je website in je eigen huisstijl?

Laposta is een e-mailmarketing programma en de perfecte tool om eenvoudig je nieuwsbrieven te maken en te versturen. Het is overzichtelijk, gebruiksvriendelijk, intuïtief en alles is lekker in het Nederlands. Als Laposta gebruiker zul je dit zeker herkennen. Het...

De veranderingen van Mailchimp en de gevolgen voor je gratis account

Mailchimp heeft besloten om per 15 mei 2019 veranderingen aan te brengen in de abonnementen. Dit heeft voornamelijk voor de gratis versie best wel wat consequenties.

7 vaak voorkomende irritaties van website bezoekers (en wat je hier aan doet)

Een goed design is heus niet alles. Wat nog veel belangrijker is, is dat je website bezoekers een goede gebruikerservaring hebben als ze op je website komen. Als ze geïrriteerd raken, dan ben je ze kwijt, en dat wil je natuurlijk voorkomen. Er zijn een aantal vaak...

Blogpost publiceren? Loop hem nog even na met deze checklist

Als je een blogpost geschreven hebt en de afbeeldingen geplaatst zijn, is het tijd om op ”publiceren” te drukken. Zelf voel ik dan altijd nog een lichte aarzeling. Is het nu echt wel goed zo? Is dit voor jou herkenbaar?

5 redenen om vandaag nog te beginnen met bloggen

Bloggen is dé perfecte manier om waardevolle content toe te voegen aan je website. Het kost je niets, behalve tijd natuurlijk, en het geeft je website èn je bedrijf echt een boost. Te vaak zie ik nog dat ondernemers niets met de blogfunctie op hun website doen.

Bepaal het doel van je website met deze 5 voorbeelden

Veel ondernemers zien hun website als een doel op zich en hebben niet in de gaten dat een website juist een middel is om andere doelen te behalen. Als je exact weet wat het doel van je website moet zijn, kun je veel beter bepalen wat er op je website aanwezig moet zijn om je doelen te behalen.

Divi Review (2021): het beste thema voor je WordPress website?

Met een keuze uit duizenden WordPress thema's, kan de zoektocht naar het geschikte thema voor jouw website een behoorlijke uitdaging zijn. Je kunt kiezen uit de gratis en freemium thema's die via WordPress zelf te downloaden zijn of een betaald thema zoeken bij een...

Wat is WordPress en wat zijn de voordelen?

Heel kort gezegd; WordPress is een Content Management Systeem (CMS). Dat wil zeggen, een systeem om de content van je website te managen. Uhh.. en nu in Nederlands graag! WordPress is een pakket software, een programma, waarmee je de inhoud van je website…

Hoe krijg je een goede voorvertoning van een link op Facebook?

Als je de link van je nieuwe blogpost of van webpagina deelt op Facebook, dan wil je natuurlijk dat het er netjes en aantrekkelijk uitziet. De bedoeling van het plaatsen van je Facebookbericht, is uiteraard dat er mensen op je link klikken en je website bezoeken.

Laposta of Mailchimp: welke kies jij om gratis nieuwsbrieven te versturen?

Laposta of Mailchimp? That's the question.. Al eerder schreef ik over het belang van het opbouwen van een e-maillijst. Met een e-maillijst heb je toegang tot contacten die zich zelf ingeschreven hebben op jouw lijst. Ze zijn al nieuwsgierig naar je bedrijf en de...

7 Stappen Voor Een Goede Voorbereiding Van Je Website

Schrijf je in om waardevolle tips & inspiratie te ontvangen. Je krijgt van mij de 7 stappen voor een goede voorbereiding cadeau!

7 stappen voor een goede voorbereiding van je website