Beste breedte voor kolom layout pixels

Logo cursus traing wordpress

Beste breedte voor kolom layout pixels

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 .

Waarom is de kolombreedte van belang?

Waarom is de kolombreedte van belang? Voor 2 zaken:

  • 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 niet te breed zijn, omdat anders de afbeelding niet helemaal zichtbaar is.

Waar hangt de breedte van je kolommen vanaf?

De eerste vraag is: Waar hangt de breedte van je kolommen vanaf? In 2024

  • 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

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 Size16
Line Height26
Content Width350
CPL (approx.)49 (minimum)
Fira Sans
Font Size16
Line Height26
Content Width400
CPL (approx.)56 (perfect)
Fira Sans
Font Size16
Line Height28
Content Width600
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 Size19
Line Height32
Content Width600
CPL (approx.)70 (veel maar ok)

Kolombreedte voor koppen

Nu met 24 pixels voor kleine koppen

Fira Sans
Font Size24
Line Height40
Content Width600
CPL (approx.)56 (perfect!)

Nu met 32 pixels tekstgrootte voor koppen

Fira Sans
Font Size32
Line Height51
Content Width600
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 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.


Wil je meer details over Beste breedte voor kolom layout pixelsof info?

Wil je meer weten? Veel bezoekers met interesse in Beste breedte voor kolom layout pixels bekeken ook de onderstaande handleidingen:


Training of cursus ontwerp en vormgeving

WordPress design en vormgeving

Leer hoe je je website beter en kan ontwerpen en vormgeven in de speciale designcursus:
Design en ontwerpcursus voor WordPress

WordPress Bootcamp

Leer hoe je je WordPress website mooier kan maken en vormgeven in de WordPress Bootcamp spoedopleiding:
Design en ontwerp in WordPress Bootcamp

Info over Beste breedte voor kolom layout pixels

Neem vrijblijvend contact op met Arthur als je nog vragen hebt over ontwerp, Beste breedte voor kolom layout pixels en WordPress webdesign.

WordPress designer

Arthur Wentzel, web-designer

06 20 83 05 83

Scroll naar boven