IN DEZE HANDLEIDING:
Wat is de beste breedte voor je kolommen voor tekst en beeld?
Wat is de beste breedte voor je kolommen voor tekst en beeld. Dit hangt van een aantal zaken af. Ik heb onderzoek gedaan en kwam eigenlijk alleen maar goede artikelen tegen van 10 jaar geleden. Inmiddels zijn de schermen veel groter geworden qua resolutie en zijn de beeldschermen responsive.
WP Bakery Builder tips geavanceerde responsive trucs
Beste beeldscherm monitor resolutie 4k pc Mac windows
Zoek je een nieuwe monitor om op te werken voor WordPress en webdesign? Hier vindt…
Voorwaarden WordPress thema Eisen kiezen beste template
Pro Responsive typografie lettergrootte CSS vw vh vmin
Mobiele test tools responsive website telefoon tablet
Beste gratis online tests mobiele responsieve webdesign Een van de uitdagingen die inherent zijn aan…
Reponsive breekpunten pixels telefoon tablet desktop
Wat zijn breekpunten bij responsive webdesign? Breekpunten zijn belangrijk bij responsive webdesign. Dit is een…
Waarom is de kolombreedte van belang?
Waarom is de kolombreedte van belang? Voor 2 zaken:
- Afbeeldingen goed weergeven. Niet te groot, Niet te Kein
- Tekst goed leesbaar weergeven voor de lezer
Afbeeldingen gaan eigenlijk altijd wel goed en zijn meestal het probleem niet. Alleen voor staande afbeeldingen moet de kolom niet te breed zijn, omdat anders de afbeelding niet helemaal zichtbaar is.
Automatisch formaat grote afbeelding verkleinen WP
Automatisch te grote afbeeldingen laten verkleinen met onderstaande WordPress plugin. Een must als je niet…
Formaten voor social media afmetingen van afbeeldingen
Waar hangt de breedte van je kolommen vanaf?
De eerste vraag is: Waar hangt de breedte van je kolommen vanaf? In 2025
- De breedte van het scherm
- De tekstgrootte
- Het aantal leestekens op een regel
Typografische onderzoekers ontdekten dat mensen bij het online lezen van inhoud de voorkeur geven aan kortere regels, omdat die overzichtelijker en gemakkelijker te begrijpen lijken.
Twee andere onderzoekers, Dyson en Haselgrove, gingen nog verder en ontdekten dat mensen kortere regels beter begrijpen dan langere.
Bron: https://psycnet.apa.org/record/2001-06486-004
Aantal tekens op een regel typografie tekst karakters
Kolom maken in WordPress handleiding Gutenberg blokken
Onderzoek kolombreedte en tekstbreedte voor platte tekst
Ik heb in 2020 onderzoek gedaan naar de kolombreedte voor platte tekst met een tekstgrootte van 16 pixels en hoeveel tekens er op een regel passen. Ik kwam hierop uit:
| Fira Sans | |
| Font Size | 16 |
| Line Height | 26 |
| Content Width | 350 |
| CPL (approx.) | 49 (minimum) |
| Fira Sans | |
| Font Size | 16 |
| Line Height | 26 |
| Content Width | 400 |
| CPL (approx.) | 56 (perfect) |
| Fira Sans | |
| Font Size | 16 |
| Line Height | 28 |
| Content Width | 600 |
| CPL (approx.) | 83 (teveel) |
600 pixels is al te breed
Laat ik het eens met een iets groter font proberen, namelijk 19pixels. Dit is prima voor grotere desktop schermen:
| Fira Sans | |
| Font Size | 19 |
| Line Height | 32 |
| Content Width | 600 |
| CPL (approx.) | 70 (veel maar ok) |
Kolombreedte voor koppen
Nu met 24 pixels voor kleine koppen
| Fira Sans | |
| Font Size | 24 |
| Line Height | 40 |
| Content Width | 600 |
| CPL (approx.) | 56 (perfect!) |
Nu met 32 pixels tekstgrootte voor koppen
| Fira Sans | |
| Font Size | 32 |
| Line Height | 51 |
| Content Width | 600 |
| CPL (approx.) | 42 (krap, maar voor koppen nog net goed) |
De breedte kolombreedte voor bloginhoud
Op basis van dit kan ik je de perfecte inhoudsbreedte voor je blog of verkooppagina aanraden.
Beste breedte kolommen desktop
En de perfecte breedte ligt tussen 400 en 600 pixels op basis van een gemiddelde lettergrootte rond de 16 pixels.
Beste breedte kolommen tablet en mobiel
Op kleinere schermen wordt de breedte van de kolommen vanzelf kleiner. Omdat het font ook wordt meegeschaald naar bijvoorbeeld 13 of 14 pixels, is de breedte iets minder belangrijk. Je moet het nog wel even checken, maar als je het voor desktop hebt ingesteld gaat het meestal goed
Waarom heb ik dit bereik gekozen? Het is praktisch voor de meeste webdesign-ontwerpen. Bovendien valt plusminus 60 tekens per regel, de optimale regellengte voor de leessnelheid, toevallig ook tussen dat bereik, afhankelijk van uw lettergrootte en -keuze.
Bovendien is de grootte van uw afbeelding ook afhankelijk van de breedte van uw inhoud. U wilt die 40-55 tekens per regel bereiken, en daarvoor hebt u een afbeelding nodig met een breedte van 200 tot 300 pixels… afhankelijk van uw inhoudskolom.