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

320x400px

720x900px

960x1200px

1280x1600px

Verhouding

3 x 4 (TV)

Verhouding

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

247x400px

556x900px

742x1200px

989x1600px

Verhouding

3 x 5

Bijna gelijk aan de Gulden Snede. Handig.

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.