Beeldverhouding-calculator

Bereken beeldverhoudingen, pas afmetingen proportioneel aan en krijg CSS aspect-ratio-waarden

16:9
1.7778

Proportioneel formaat aanpassen

aspect-ratio: 16 / 9;

Beeldverhouding-calculator

Bereken beeldverhoudingen, pas afmetingen proportioneel aan en krijg CSS aspect-ratio-waarden

Functies

  • Bereken de beeldverhouding van elke breedte en hoogte
  • Proportioneel formaat aanpassen — voer een nieuwe breedte of hoogte in om de andere automatisch te berekenen
  • Presets voor gangbare verhoudingen (16:9, 4:3, 1:1, 21:9, enz.)
  • Visuele voorvertoning van de beeldverhouding
  • Uitvoer van de CSS-eigenschap aspect-ratio
  • Wissel afmetingen met één klik
  • 100 % verwerking aan de clientzijde

Hoe te gebruiken

  1. Voer breedte en hoogte in om de beeldverhouding te berekenen.
  2. Of klik op een knop met een vooraf ingestelde verhouding.
  3. Gebruik het gedeelte Proportioneel formaat aanpassen om nieuwe afmetingen te vinden.
  4. Kopieer de CSS aspect-ratio-waarde voor je stylesheets.

Tips en best practices

  • Gebruik 16:9 voor standaardvideo en presentaties.
  • Gebruik 1:1 voor profielfoto's op sociale media en Instagram-berichten.
  • De CSS-eigenschap aspect-ratio wordt ondersteund in alle moderne browsers.

Veelgestelde vragen

Wat is een beeldverhouding?

Een beeldverhouding is de proportionele relatie tussen breedte en hoogte. Zo betekent 16:9 dat er voor elke 16 eenheden breedte 9 eenheden hoogte zijn.

Welke beeldverhouding is het beste voor video?

16:9 is de standaard voor HD-video en de meeste schermen. 21:9 wordt gebruikt voor ultrawide/cinematische content. 9:16 is standaard voor verticale/mobiele video.

Hoe werkt proportioneel formaat aanpassen?

Voer een nieuwe breedte of nieuwe hoogte in en de calculator berekent de andere dimensie om dezelfde beeldverhouding te behouden — zonder uitrekken of vervorming.