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:
- 1 Evenwichtige formaten en verhoudingen WordPress afbeeldingen
- 2 Staande en liggende formaten van afbeeldingen
- 3 Liggende formaten | oblong
- 4 Verhouding 4 x 5
- 5 Verhouding 3 x 4 (TV)
- 6 Verhouding 1 x 1,618 (gulden snede)
- 7 Verhouding 3 x 5 (1,66666)
- 8 Verhouding 16 x 9 (1,77777)
- 9 Verhouding 1×2
- 10 Verhouding 1 x 2,33 of 9 x 21 (cinema/film)
- 11 Verhouding 1 x 3
- 12 Meer informatie over afbeeldingen en fotografie
- 13 WordPress galerij maken reeks serie foto’s afbeeldingen
- 14 Verhouding en resolutie foto afbeelding voor webdesign
- 15 Justified Image Grid plugin fotogalerij maken afbeeldingen
- 16 Afbeelding SEO optimaliseren WP handleiding gevorderden
- 17 Resolutie foto afbeelding geschikt maken voor WordPress
- 18 Gratis rechtenvrije foto’s afbeeldingen stockfotografie
- 19 WordPress en Adobe Photoshop Afbeeldingen perfect maken
Evenwichtige formaten en verhoudingen 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:
Afbeelding passend maken verhouding met html en CSS
Verhoudingen afbeelding passend maken met html en CSS Soms hebben je afbeeldingen niet allemaal dezelfde…
Perfect ronde afbeelding foto maken in cirkel in WP site
Afgeronde afbeelding in WordPress Op zoek naar een manier om een afgeronde afbeelding te maken…
Afbeelding foto toevoegen uitlijnen WP afbeeldingenblok
Tekst afbeelding uitlijnen links rechts kolom WordPress
Tekst en afbeelding goed uitlijnen, bijvoorbeeld links rechts is in WordPress vaak lastig en wordt…
Animated gif bewegende afbeelding animatie video foto
Alt tekst afbeelding foto automatisch toevoegen plugin
Lees hoe je je Alt tekst tag automatisch kunt toevoegen bij al je afbeeldingen in…
Literatuur over verhoudingen
Ik heb het onderstaande boekwerk sinds de jaren 90 in de buurt van mijn nachtkastje liggen 🙂
Robert Bringhurst boekElements of typographic style
Geschiedenis van het oblong formaat (PDF)
Liggende formaten | oblong
Liggende oblong formaten komen verreweg het meeste voor op websites. Simpelweg omdat beeldschermen liggend zijn en de afbeelding dus beter zichtbaar is, tenzij je staande afbeeldingen kleiner gebruikt. Daarnaast is de bestandsgrootte van een liggende afbeelding kleiner omdat deze minder hoog is en minder pixels bevat.
Ik geef een rekenvoorbeeld met verschillende hoogtes.
- 900 pixels breed x 600 pixels hoog = 540000 pixels
- 900 pixels breed x 450 pixels hoog = 405000 pixels
De bovenste afbeelding (600 pixels hoog) is 33% zwaarder dan de onderste:
540000/405000 = 1,333333333333333
Verhouding 4 x 5
Defensief model, zie bloemen en het 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 (1,66666)
Bijna gelijk aan de Gulden Snede. Handig.
Verhouding 16 x 9 (1,77777)
Prachtige verhouding. Oud filmformaat.
Lees meer hierover op de handleiding “foto’s en afbeeldingen geschikt maken voor WordPress”:
Rule of thirds raster compositie web-design
Wat is de rule of thirds – regel van derden? De regel van derden is…
Formaten voor social media afmetingen van afbeeldingen
Resolutie foto afbeelding geschikt maken voor WordPress
Verhouding 1×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:
WordPress galerij maken reeks serie foto’s afbeeldingen
Wil je snel en goed een overzicht met foto’s maken voor je portfolio website? Combineer de standaard WordPress Gutenberg galerij met deze handige plugins.
Verhouding en resolutie foto afbeelding voor webdesign
Bekijk dit uitgebreide overzicht van verhoudingen voor afbeeldingen en foto’s. Het is belangrijk om dit te begrijpen hoe ze werken voor WordPress webdesign.
Justified Image Grid plugin fotogalerij maken afbeeldingen
IN DEZE HANDLEIDING:1 Reeks afbeeldingen / foto’s in WordPress galerij2 4 belangrijke tips voor de Justified Image Grid plugin3 Voorbeelden Justified Image Grid WordPress plugin4 Extra tips en instellingen5 Galerij maken binnen een page builder (Elementor)6 Meer voorbeelden van Arthur7 Problemen met deze galerij plugin8 Galerij plugin kopen Reeks afbeeldingen / […]
Afbeelding SEO optimaliseren WP handleiding gevorderden
Optimaliseer afbeeldingen en foto’s voor je WordPress website met 12 seo optimalisatie tips. Voorkom een trage website en verbeter de gebruikerservaring.
Resolutie foto afbeelding geschikt maken voor WordPress
Het juiste formaat van afbeeldingen in pixels voor WordPress. Leer hoe je originele foto’s het beste kunt aanpassen zodat je website zo snel mogelijk draait.
Gratis rechtenvrije foto’s afbeeldingen stockfotografie
De beste gratis afbeeldingen, foto’s en fotografie voor WordPress. Een overzicht van de beste websites voor gratis foto’s en afbeeldingen om rechtenvrije te gebruiken. Unsplash is mijn favoriet.
WordPress en Adobe Photoshop Afbeeldingen perfect maken
Het is voor je WordPress website belangrijk dat je afbeelding de juiste resolutie heeft en zo licht mogelijk is. Lees hoe je waar je foto aan moet voldoen.