Verhouding en resolutie van foto’s en afbeeldingen voor webdesign

Het is handig als je een vaste verhouding voor al je afbeeldingen kiest. Bekijk hieronder een aantal standaard verhoudingen. Onder de afbeeldingen staan de pixels vermeld voor kleine en grote afbeeldingen.

Evenwichtige formaten en verhoudingen voor WordPress afbeeldingen

Een vaste verhouding zorgt ervoor dat niet al je foto’s verspringen. Je moet je dus je afbeeldingen bewerken in Adobe Photoshop (handleiding) of een ander fotobewerkingsprograma, maar het komt de kwaliteit van je WordPress webdesign ten goede.
Het zorgt voor meer continuiteit in je website en je website oogt rustiger en uitgebalanceerder. Je kan ook twee vaste maten kiezen, dus bijvoorbeeld 4×3 voor al je staande foto’s en 3×5 voor al je liggende afbeeldingen.

Staande en liggende formaten van afbeeldingen

Bekijk hieronder de voorbeelden van verhoudingen van liggende formaten die ik voor je op een rijtje heb gezet. Voor staande foto’s kun je je hoofd 90 graden kantelen en de afmetingen die onder de afbeeldingen staan omdraaien. 🙂


Liggende formaten | oblong

Verhouding

4 x 5

pentagon

verhouding 4x5
verhouding 4×5
verhouding 4x5
verhouding 4×5
320x400px
720x900px
960x1200px
1280x1600px

Verhouding

3 x 4 (TV)

Verhouding

verhouding 3x4
verhouding 3×4
verhouding 3x4
verhouding 3×4
320x400px
720x900px
960x1200px
1280x1600px

Verhouding

1 x 1,618 (gulden snede)

De meest klassieke maat. Meer over de Gulden Snede en webdesign
Bereken gulden snede

verhouding 3x4
gulden snede verhouding
verhouding 3x4
gulden snede verhouding
247x400px
556x900px
742x1200px
989x1600px

Verhouding

3 x 5

Bijna gelijk aan de Gulden Snede. Handig.

verhouding 3x5
verhouding 3×5
verhouding 3x4
verhouding 3×5
240x400px
540x900px
720x1200px
960x1600px

Verhouding

1 x 2

Precies een rechthoek. Dit is bijvoorbeeld precies het formaat van een Linked-In profiel header foto. Zie Linked-In afbeeldingen en afmetingen. Ook steeds meer gebruikt in verhoudingen voor films.

verhouding 1x2
verhouding 1×2
verhouding 3x4
verhouding 1×2
200x400px
450x900px
600x1200px
800x1600px

Verhouding

1 x 2,33 of 9 x 21 (cinema/film)

De standaard maat en verhouding voor films en cinema.

verhouding 9x21
cinema verhouding
verhouding 9x21
cinema verhouding
171x400px
386x900px
514x1200px
685x1600px

Verhouding

1 x 3

Mooi voor sliders.

verhouding 1x3
verhouding 1×3
verhouding 1x3
verhouding 1×2
133x400px
300x900px
400x1200px
533x1600px

Meer informatie over afbeeldingen en fotografie

Wil je weten hoe je je afbeeldingen op het juiste formaat krijgt? Bekijk dan één van de onderstaande handleidingen: