Welke afmetingen heeft een favicon nodig?
Lever één vierkant bestand aan van 512 bij 512 pixels. Daaruit worden alle kleinere formaten afgeleid.
Vroeger moest je een reeks losse bestanden maken. Dat is bij WordPress niet meer nodig.
Wat wel nodig blijft, is testen hoe het er klein uitziet.
De formaten die gebruikt worden
Zestien bij zestien op het tabblad, tweeëndertig bij tweeëndertig op schermen met hoge resolutie, en groter voor snelkoppelingen op een telefoon.
Die laatste kunnen oplopen tot 512 pixels, en dat is waarom je zo groot aanlevert. Meer daarover lees je bij browser.
Waarom klein testen belangrijk is
Wat er op 512 pixels prachtig uitziet, is op zestien pixels vaak een grijze vlek. Dunne lijnen verdwijnen, tekst wordt onleesbaar.
Verklein je ontwerp naar zestien pixels en kijk of het nog herkenbaar is. Zo niet, vereenvoudig het.
De praktische aanpak
Neem één element uit je logo: de eerste letter, een vorm of een symbool. Zet dat gecentreerd op een egale achtergrond.
Laat wat marge rondom; een icoon dat tot de rand loopt, oogt gedrongen.
Mijn vuistregels
- Eén bestand van 512 bij 512, vierkant.
- Egale achtergrond in plaats van doorzichtig.
- Test op zestien pixels voordat je hem gebruikt.
- Houd ongeveer een tiende marge rondom je vorm.
Die tweede voorkomt dat je icoon onzichtbaar wordt in een donkere balk.
Wat WordPress ermee doet
Bij het instellen van je sitepictogram kun je het bestand bijsnijden. WordPress genereert daarna de benodigde formaten zelf.
Meer daarover lees je bij hoe je een favicon toevoegt in WordPress.
Als je het los wilt regelen
Er zijn diensten die uit één bestand een complete set genereren, inclusief de bijbehorende regels voor in je pagina.
Voor een gewone WordPress-site is dat overbodig. Meer daarover lees je bij welk bestandsformaat je gebruikt.