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.
IN DEZE HANDLEIDING
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. 🙂
Meer handleidingen formaten en afmetingen van afbeeldingen
De verhoudingen 3×4 en 9×16 scoren het best in Google is gebleken. Meer hierover en hoe je foto’s en afbeeldingen aanpassen leer je met deze handleidingen:
- Formaten en afmetingen van afbeeldingen voor social media
- Verhouding en resolutie van foto’s en afbeeldingen voor webdesign
Liggende formaten | oblong
Verhouding
4 x 5
pentagon
Verhouding
3 x 4 (TV)
Verhouding
Verhouding
1 x 1,618 (gulden snede)
De meest klassieke maat. Meer over de Gulden Snede en webdesign
Bereken gulden snede
Verhouding
3 x 5
Bijna gelijk aan de Gulden Snede. Handig.
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
1 x 2,33 of 9 x 21 (cinema/film)
De standaard maat en verhouding voor films en cinema.
Verhouding
1 x 3
Mooi voor sliders.
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:
- Afbeeldingen geschikt maken voor WordPress met Adobe Photoshop
- Foto’s en afbeeldingen | resolutie geschikt maken voor WordPress
- Verhouding en resolutie van foto’s en afbeeldingen voor webdesign
- Justified Image Grid WordPress plugin | fotogalerij maken met afbeeldingen
- Beste gratis rechtenvrije stockfoto’s, afbeeldingen, foto’s, fotografie
- WordPress galerij maken voor reeks of serie foto’s en afbeeldingen
- Afbeeldingen SEO optimaliseren handleiding gevorderden