Zum Inhalt springen
Dogu SangjaWerkzeugkastenAlle Tools

Seitenverhältnis-Rechner

Berechne das gekürzte Seitenverhältnis (z. B. 16:9) aus Breite und Höhe oder die fehlende Seite aus einem Verhältnis. Mit gängigen Auflösungen und CSS-Wert.

Gängige Formate

Ergebnis

Gib Breite und Höhe ein, dann erscheint hier das Seitenverhältnis.

Beispiel: 1920 × 1080 → 16:9

Deine Eingaben werden nur in diesem Browser verarbeitet und nie an einen Server gesendet. So funktioniert es

Querformat, Quadrat und Hochformat mit derselben Landschaft und Maßlinien veranschaulichen den Vergleich von Seitenverhältnissen

So funktioniert es

  • Verhältnis finden: Gib Breite und Höhe ein. Du erhältst das gekürzte Seitenverhältnis (z. B. 16:9), das Verhältnis als Dezimalzahl (z. B. 1,78:1), das nächste gängige Format und den größten gemeinsamen Teiler.
  • Größe finden: Gib ein Verhältnis und die Seite ein, die du kennst (Breite oder Höhe). Du erhältst die andere Seite. Die Einheit ist egal – px, cm oder etwas anderes –, das Ergebnis hat dieselbe Einheit.
  • Buttons für gängige Formate: Tippe auf einen Button wie 16:9, 4:3 oder 21:9. Unter „Verhältnis finden“ wird eine Beispielauflösung eingesetzt, unter „Größe finden“ das Verhältnis.
  • Unter dem Ergebnis findest du eine Tabelle mit gängigen Auflösungen und einen CSS-Wert für aspect-ratio zum Kopieren. Die Vorschau steht auf Mobilgeräten über den Eingaben und auf dem Desktop rechts.

So wird das Verhältnis berechnet: größter gemeinsamer Teiler

Ein Seitenverhältnis sind Breite und Höhe, geteilt durch ihren größten gemeinsamen Teiler (ggT). Den ggT liefert der euklidische Algorithmus: Teile die größere Zahl durch die kleinere, nimm den Rest und wiederhole das, bis der Rest 0 ist. Der letzte Teiler ist der ggT.

Bei 1920 und 1080: 1920 ÷ 1080 lässt 840, 1080 ÷ 840 lässt 240, 840 ÷ 240 lässt 120 und 240 ÷ 120 lässt 0 – der ggT ist also 120. 1920 ÷ 120 = 16 und 1080 ÷ 120 = 9, das ergibt 16:9.

Hat ein Wert Nachkommastellen, etwa 297 × 210,5, werden beide Zahlen mit einer Zehnerpotenz multipliziert, bis sie ganzzahlig sind, und dann gekürzt. Bleiben nach dem Kürzen große Zahlen übrig, zeigt das Tool zusätzlich das nächste gängige Format und die Abweichung.

Größe berechnen – und Ergebnisse ohne ganze Zahl

Die andere Seite ergibt sich aus einer einfachen Verhältnisgleichung. Bei 16:9 und einer Breite von 1280 ist die Höhe 1280 × 9 ÷ 16 = 720.

Muss die Größe ganzzahlig sein, wie bei Pixeln, kann das Ergebnis trotzdem Nachkommastellen haben. Bei einem gekürzten Verhältnis von 16:9 und ganzzahliger Breite wird die Höhe nur ganzzahlig, wenn die Breite ein Vielfaches von 16 ist. Das Tool zeigt das gerundete Ergebnis und bei nicht ganzzahligen Ergebnissen auch den Wert vor dem Runden. Ist die eingegebene Länge ganzzahlig, nennt es außerdem nahe ganzzahlige Größen mit demselben Verhältnis. Bei einer Breite von 1000 ist die Höhe zum Beispiel 562,5; nahe Größen sind 992 × 558 und 1008 × 567. Verwende bei Einheiten wie cm den Wert vor dem Runden.

Gängige Formate bei Video, Foto und Social Media

  • 16:9: das Standard-Querformat für Fernseher, Monitore und Online-Videos. 1920 × 1080 aus dem HDTV-Standard (ITU-R BT.709) und 3840 × 2160 aus dem UHDTV-Standard (ITU-R BT.2020) sind beide 16:9.
  • 9:16: 16:9 hochkant, häufig für Hochformat-Videos verwendet. Je nach Seitenverhältnis des Smartphones können Ränder entstehen oder Teile des Videos abgeschnitten werden.
  • 4:3 und 3:4: 4:3 ist das Format älterer Fernseher und Monitore und auch bei Fotos verbreitet. 3:4 ist die Hochformat-Variante davon.
  • 3:2 und 2:3: ein verbreitetes Format bei Fotos aus Kameras.
  • 1:1: ein Quadrat, für Bilder mit gleicher Breite und Höhe wie Profilbilder und Thumbnails.
  • 4:5: ein leicht hohes Fotoformat, das mehr Platz in der Höhe einnimmt als 1:1.
  • 16:10: bei Laptops und Monitoren, etwas höher als 16:9.
  • 21:9 und 32:9: sehr breite Bildschirme wie Ultrawide-Monitore.

Die empfohlenen Größen auf Social-Media- und Videoplattformen unterscheiden sich je nach Dienst und ändern sich oft. Schau vor dem Hochladen in die offizielle Hilfe des jeweiligen Dienstes.

In CSS aspect-ratio verwenden

Setzt du ein Verhältnis in der CSS-Eigenschaft aspect-ratio und legst die Breite fest, wird die Höhe daraus berechnet, wenn sie automatisch ist (height: auto). Sind Breite und Höhe beide festgelegt, passt diese Eigenschaft die Maße nicht an. Schreib den Wert als Breite / Höhe, etwa aspect-ratio: 16 / 9;, oder als einzelne Zahl (aspect-ratio: 1.5;). Dieses Tool liefert den Wert als zwei gekürzte ganze Zahlen, du kannst ihn also direkt kopieren. Reservierst du den Platz für einen Videobereich oder ein Thumbnail, lassen sich Layoutverschiebungen beim späteren Laden eines Bildes verringern.

Quellen

Häufige Fragen

Ist 1366 × 768 16:9?

Nicht ganz. 1366 × 768 gekürzt ergibt 683:384, als Dezimalzahl etwa 1,78:1. Das weicht um etwa 0,05 % von 16:9 ab, deshalb zeigt dieses Tool als nächstes gängiges Format „16:9, ungefähr“ an.

Warum setzt der Button 21:9 das Verhältnis 64:27 ein?

Der Button 21:9 verwendet 64:27, das Verhältnis der gängigen Auflösung 2560 × 1080. Für genau 21:9 gib unter „Größe finden“ direkt 21 und 9 in die Verhältnisfelder ein. 21:9 ist eine gängige Produktbezeichnung für Ultrawide-Bildschirme und kann vom tatsächlichen Verhältnis gängiger Auflösungen abweichen. Gekürzt ist 21:9 gleich 7:3, also etwa 2,33:1. 2560 × 1080 und 5120 × 2160 dagegen sind 64:27 (etwa 2,37:1), 3440 × 1440 ist 43:18 (etwa 2,39:1). Sie weichen um etwa 1,59 % bzw. 2,38 % von 21:9 ab. 64:27 ist 4:3 dreimal mit sich selbst multipliziert: 4:3 = (4/3)¹, 16:9 = (4/3)², 64:27 = (4/3)³. Auf eine Höhe von 9 umgerechnet ergibt 64:27 das Verhältnis 21⅓:9. 21:9 ist daher keine exakte Umrechnung.

Kann ich ein Verhältnis mit Dezimalstellen wie 2,39:1 eingeben?

Ja. Gib unter „Größe finden“ 2,39 und 1 als Verhältnis ein – es wird zu 239:100 gekürzt. Bei einer Breite von 1920 ist die Höhe etwa 803,35, gerundet 803.

Zuletzt aktualisiert: