NL

Beeldverhouding berekenen

Vul breedte en hoogte in pixels in (of cm, inch …): de calculator vereenvoudigt de beeldverhouding en toont de decimale waarde en de dichtstbijzijnde standaardverhouding. Vul een nieuwe breedte of hoogte in en je krijgt de ontbrekende zijde: schalen zonder vervorming.

px
px
px
Leeg laten als je alleen de verhouding nodig hebt.
Je invoer wordt alleen in deze browser opgeslagen.

Resultaat

Beeldverhouding (vereenvoudigd)
16:9
Nieuwe afmetingen
1280 × 720 px
Decimale waarde (breedte ÷ hoogte)
1,778 : 1
Standaardverhouding
precies 16:9
CSS
aspect-ratio: 16 / 9;
Zelfde verhouding bij gangbare breedtes
BreedteHoogteHele pixels?
640 px360 pxja
1080 px608 pxafgerond
1280 px720 pxja
1920 px1080 pxja
2560 px1440 pxja
3840 px2160 pxja

Zo wordt het berekend

Zo bereken je de beeldverhouding

De beeldverhouding is breedte staat tot hoogte, gedeeld door de grootste gemene deler (ggd). Voorbeeld 1920 × 1080: de ggd van 1920 en 1080 is 120. 1920 ÷ 120 = 16 en 1080 ÷ 120 = 9, dus 16:9. De decimale waarde is 1920 ÷ 1080 = 1,778 : 1.

De ontbrekende zijde vinden

Om een afbeelding of video naar verhouding te schalen, gebruik je de regel van drie: nieuwe hoogte = nieuwe breedte × hoogte ÷ breedte. 1920 × 1080 met een nieuwe breedte van 1280 geeft 1280 × 1080 ÷ 1920 = 720, dus 1280 × 720 px. Andersom: nieuwe breedte = nieuwe hoogte × breedte ÷ hoogte. Is het resultaat geen heel aantal pixels, dan rondt de calculator af en toont hij de exacte waarde.

Gangbare beeldverhoudingen

De dichtstbijzijnde standaardverhouding wordt gevonden via de kleinste relatieve afstand. Zo zie je bijvoorbeeld dat 1366 × 768 (vereenvoudigd 683:384) in de praktijk 16:9 is.

Beeldverhouding in CSS

aspect-ratio: 16 / 9; houdt de verhoudingen van een element vast bij het schalen: handig voor video’s, kaarten en afbeeldingsplaatshouders, zodat de pagina niet verspringt tijdens het laden. De eigenschap staat in de CSS Box Sizing Module Level 4 en wordt door alle huidige browsers ondersteund.

Welke tool voor welke vraag?

Deze calculator beantwoordt algemene vragen over verhoudingen. De resolutie van je eigen scherm meet je met Wat is mijn schermresolutie?; voor verhoudingen tussen getallen in het algemeen is er de regel van drie.

Veelgestelde vragen

Hoe bereken ik een beeldverhouding?

Deel breedte en hoogte door hun grootste gemene deler. 1920 × 1080: ggd 120, dus 16:9. 1080 × 1350: ggd 270, dus 4:5.

Hoe hoog is 16:9 bij 1280 pixels breed?

1280 × 9 ÷ 16 = 720 pixels. Andere 16:9-maten: 1920 × 1080, 2560 × 1440 en 3840 × 2160.

Is 1366 × 768 echt 16:9?

Bijna: het vereenvoudigt tot 683:384 en de decimale waarde van 1,779 ligt maar 0,05% boven 16:9 (1,778). Daarom wordt het als 16:9 verkocht.

Welke beeldverhouding heeft een “21:9”-monitor van 3440 × 1440?

Het vereenvoudigt tot 43:18, oftewel 2,39 : 1. “21:9” is een marketingaanduiding; precies 21:9 zou 2,33 : 1 zijn. 2560 × 1080 is 64:27 (2,37 : 1).

Hoe stel ik een beeldverhouding in met CSS?

Gebruik aspect-ratio: 16 / 9; op het element. Is alleen de breedte ingesteld, dan leidt de browser de hoogte daaruit af.

Werkt het ook met cm of inch?

Ja. Een verhouding heeft geen eenheid: vul beide zijden gewoon in dezelfde eenheid in. Decimalen zoals 2,35 × 1 worden vóór het vereenvoudigen omgezet naar hele getallen (47:20).

Bronnen en wettelijke basis

Bijgewerkt op:

Vergelijkbare tools