Seitenverhältnis-Rechner

Breite und Höhe in Pixeln (oder cm, Zoll …) eingeben: Der Rechner kürzt das Seitenverhältnis, zeigt den Dezimalwert und das nächstliegende Standardformat. Geben Sie zusätzlich eine neue Breite oder Höhe vor, berechnet er die fehlende Seite – ohne das Bild zu verzerren.

px
px
px
Leer lassen, wenn Sie nur das Verhältnis wissen möchten.
Deine Eingaben werden nur in diesem Browser gespeichert.

Ergebnis

Seitenverhältnis (gekürzt)
16:9
Neue Maße
1280 × 720 px
Dezimalwert (Breite ÷ Höhe)
1,778 : 1
Standardformat
genau 16:9
CSS
aspect-ratio: 16 / 9;
Gleiches Verhältnis bei gängigen Breiten
BreiteHöheGanze Pixel?
640 px360 pxja
1080 px608 pxgerundet
1280 px720 pxja
1920 px1080 pxja
2560 px1440 pxja
3840 px2160 pxja

So wird gerechnet

So wird das Seitenverhältnis berechnet

Das Seitenverhältnis ist Breite zu Höhe, gekürzt durch den größten gemeinsamen Teiler (ggT). Beispiel 1920 × 1080: Der ggT von 1920 und 1080 ist 120. 1920 ÷ 120 = 16 und 1080 ÷ 120 = 9 – also 16:9. Der Dezimalwert ist 1920 ÷ 1080 = 1,778 : 1.

Fehlende Seite berechnen

Soll ein Bild oder Video proportional skaliert werden, gilt der Dreisatz: neue Höhe = neue Breite × Höhe ÷ Breite. Aus 1920 × 1080 mit neuer Breite 1280 wird 1280 × 1080 ÷ 1920 = 720, also 1280 × 720 px. Umgekehrt: neue Breite = neue Höhe × Breite ÷ Höhe. Geht die Rechnung nicht in ganzen Pixeln auf, rundet der Rechner und nennt den exakten Wert.

Gängige Seitenverhältnisse

Das nächstliegende Standardformat ermittelt der Rechner über den kleinsten relativen Abstand. So erkennen Sie etwa, dass 1366 × 768 (gekürzt 683:384) praktisch 16:9 ist.

Seitenverhältnis in CSS

Mit aspect-ratio: 16 / 9; behält ein Element beim Skalieren sein Verhältnis – nützlich für Videos, Karten und Bildplatzhalter, damit die Seite beim Laden nicht springt. Die Eigenschaft ist im CSS Box Sizing Module Level 4 definiert und wird von allen aktuellen Browsern unterstützt.

Welches Tool für welche Frage?

Dieser Rechner beantwortet allgemeine Verhältnis-Fragen. Die konkreten Pixelmaße für Instagram, YouTube & Co. finden Sie bei den Bildgrößen für Social Media; die Auflösung Ihres eigenen Bildschirms zeigt die Seite Bildschirmauflösung.

Häufige Fragen

Wie berechne ich das Seitenverhältnis?

Breite und Höhe durch ihren größten gemeinsamen Teiler teilen. 1920 × 1080: ggT 120, also 16:9. 1080 × 1350: ggT 270, also 4:5.

Welche Höhe hat 16:9 bei 1280 Pixel Breite?

1280 × 9 ÷ 16 = 720 Pixel. Weitere 16:9-Größen: 1920 × 1080, 2560 × 1440 und 3840 × 2160.

Ist 1366 × 768 wirklich 16:9?

Fast: Gekürzt ergibt sich 683:384, der Dezimalwert 1,779 liegt nur 0,05 % über 16:9 (1,778). Deshalb wird die Auflösung als 16:9 verkauft.

Welches Seitenverhältnis hat ein 21:9-Monitor mit 3440 × 1440?

Gekürzt 43:18, also 2,39 : 1. „21:9“ ist eine Marketingbezeichnung; genau 21:9 wären 2,33 : 1. 2560 × 1080 entspricht 64:27 (2,37 : 1).

Wie setze ich ein Seitenverhältnis in CSS?

Mit aspect-ratio: 16 / 9; am Element. Ist nur die Breite festgelegt, berechnet der Browser die Höhe daraus.

Funktioniert der Rechner auch mit cm oder Zoll?

Ja. Das Verhältnis ist einheitenlos – geben Sie beide Seiten in derselben Einheit ein. Dezimalzahlen wie 2,35 × 1 werden vor dem Kürzen in ganze Zahlen umgewandelt (47:20).

Quellen und Rechtsgrundlagen

Stand:

Passende Werkzeuge