Icons: favicons, touch icons, Windows tiles

Favicon en Icons

Een favicon is dat kleine plaatje in de tabs van je browser. Het wordt door sommige browsers ook gebruikt bij bookmarks. Icons worden vooral op mobiele devices gebruikt, zoals telefoons en tablets.

Voorbeeld van favicons in je browser
Voorbeeld van favicons in je browser.

Om favicons en icons te maken zijn er meerdere tools beschikbaar. Onderstaande is eigenlijk de beste:

realfavicongenerator.net

Favicon voor WordPress website

Sinds WordPress versie 4.3 kun je zelf een favicon uploaden voor je WordPress website.

Om een favicon te gebruiken voor je WordPress website:

  1. Maak een favicon afbeelding van ten minste 512 x 512 px, vierkant dus.
  2. Normaal gesproken moet je favicon van het type .ico zijn. Voor deze functionaliteit hoeft dat niet. Sla je favicon afbeelding op als .jpg of .png.
  3. In je WordPress website, ga naar Weergave > Customizer.
  4. Selecteer de tab Site-identiteit.
  5. Selecteer Afbeelding selecteren om je favicon te uploaden. De rest wijst vanzelf.

Bronnen

Op css-tricks.com staat een uitstekend artikel over alles wat je over favicons moet weten.

Favicons, Touch Icons, Tile Icons, etc. Which Do You Need? op css-tricks.com

In dit artikel ook info over Touch Icons (voor de iPhones en iPads) en Tile Icons (voor Window phones).