Formaat foto's. Dimensies aanpassen. Afmetingen afbeeldingen. Verhoudingen.
Doordat er zoveel verschillende formaten beeldschermen zijn die ook nog eens met verschillende dimensies werken is er helaas geen one-size-fits-all oplossing. De formaten van een oud mobieltje verschillen enorm van die van een 4K-UHD beeldscherm.
Hieronder staat uitgelegd waar je rekening mee moet houden bij elk type contentblok. Het begin uiteraard bij het kiezen van een goede afbeelding / foto.
Tip: speel met de dimensie van je browserscherm (door hem groter/kleiner en dunner/breder te maken) zodat je het effect op de afbeelding ziet.
Het kan soms even afstemmen zijn voordat je de juiste oplossing vindt. Succes en veel plezier!
Tekst-op-media of alleen-media blokken
Als je wilt dat je afbeelding de hele breedte van de pagina gebruikt dan geldt altijd: hoe groter de afbeelding hoe beter. Wij raden de volgende breedtes aan:
- 1920px breed voor Full-HD beeldschermen
- 3840px breed voor 4K-UHD beeldschermen
Als je afbeelding kleiner is dan de breedte van de pagina wordt hij niet automatisch groter gemaakt (dit maakt de afbeelding namelijk minder scherp). Om dat toch voor elkaar te krijgen moet je de checkbox ('Toon de media containervullend, zelfs als het formaat kleiner is.') onder de 'blokbreedte' aanvinken.
De hoogte van de afbeelding kun je zelf bepalen afhankelijk van je doel. Let op:
- Als je een alleen-media blok gebruikt staat hij standaard op dynamische hoogte. In dat geval pakt hij automatisch de dimensie van de afbeelding zelf. Als je dit niet wilt kun je er ook voor kiezen om vaste hoogte in te stellen. In dat geval wordt er automatisch een stuk afgesneden aan de onder- en bovenkant. Je kunt dit beïnvloeden door de afbeelding bij te snijden en aan te geven welk deel van de afbeelding gebruikt dient te worden.
- Als je een tekst-op-media blok gebruikt wordt er afhankelijk van je instellingen automatisch een stuk afgesneden aan de onder- en bovenkant. Je kunt dit beïnvloeden door de afbeelding bij te snijden en aan te geven welk deel van de afbeelding gebruikt dient te worden.
Tekst links of rechts van media blokken
De afmetingen voor afbeeldingen in dit type blokken zul je zelf af moeten stemmen op basis van je content en de keuze qua verdeling media/tekst. Over het algemeen is het mooi als de afbeelding en de tekst ongeveer even hoog zijn. Om dit te bereiken kun je met de tekst spelen, of met de afbeelding. Wij raden de volgende breedtes aan:
- 1920px breed bij een 50/50 verdeling
- 1600px breed bij een 33/66 of 66/33 verdeling
Kleinere afbeeldingen zijn in de meeste gevallen geen probleem. Die zullen er alleen op grote schermen iets minder mooi uitzien omdat ze wellicht opgerekt worden.
Brede of langwerpige foto's resulteren soms in een erg hoog blok of een kleine afbeelding. In dat geval zul je de afbeelding moeten bewerken zodat hij goed past. Zie ook: Hoe kies ik een goede afbeelding / foto?
Gesplitste media-tekstkolommen
Voor gesplitste media-tekstkolommen geldt dat de afbeeldingen vierkant zijn. Hier geldt een minimum van 344 x 344 px. In dit artikel staat uitgelegd hoe je je afbeelding aan kunt passen zodat de afbeelding het juiste formaat krijgt.