Wat is het verschil tussen pixels en punten?
Pixels horen bij een scherm en punten bij drukwerk. Een punt is een vaste fysieke maat, ongeveer een driehonderdtwaalfde van een centimeter; een pixel is dat niet.
Daarom kun je ze niet zomaar omrekenen.
Toch gebeurt dat voortdurend.
De punt
Komt uit de drukkerij. Een letter van twaalf punten is op papier altijd even groot, ongeacht het papier.
Meer daarover lees je bij favicon.
De pixel
Hangt af van het scherm. Zestien pixels ziet er op een telefoon anders uit dan op een televisie.
Meer daarover lees je bij wat een pixel is.
Waar het misgaat
Als een ontwerper een huisstijl in punten aanlevert en een bouwer die één op één in pixels omzet. De verhoudingen kloppen dan niet.
Meer daarover lees je bij alt tekst.
Mijn vuistregels
- Voor schermen altijd in pixels denken.
- Punten alleen voor drukwerk.
- Reken niet om, maar ontwerp opnieuw.
- Gebruik relatieve maten voor je tekst.
Die laatste laat je bezoeker zijn eigen lettergrootte instellen.
De vuistregel die je toch wilt
Eén punt is ongeveer anderhalve pixel bij de standaardinstelling. Gebruik dat als startpunt, niet als waarheid.
Meer daarover lees je bij pagespeed.
Wat een ontwerpprogramma doet
Dat rekent zelf om zodra je een schermontwerp maakt. Zet je bestand dus in de juiste stand voordat je begint.
Meer daarover lees je bij lazy loading.