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.
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
- 16:9 – HD und Ultra HD (1280 × 720, 1920 × 1080, 3840 × 2160; ITU-R BT.709 und BT.2020), YouTube, die meisten Monitore und Fernseher.
- 9:16 – dasselbe im Hochformat: Stories, Reels, Shorts.
- 16:10 – viele Laptops und Büromonitore (1920 × 1200, 2560 × 1600).
- 4:3 – klassisches Fernsehen, Tablets, viele Kompaktkameras; 3:2 – Kleinbild und die meisten Systemkameras.
- 1:1 – quadratisch; 21:9 – Ultrawide-Monitore (2560 × 1080); 1,85:1 und 2,39:1 – Kinoformate.
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
- MDN Web Docs – aspect-ratio
- W3C – CSS Box Sizing Module Level 4: aspect-ratio (abgerufen 27.09.2026)
- Rec. ITU-R BT.709: ITU-R BT.709 – HDTV, 1920 × 1080, 16:9 (abgerufen 27.09.2026)
- Rec. ITU-R BT.2020: ITU-R BT.2020 – UHDTV, 3840 × 2160 / 7680 × 4320, 16:9 (abgerufen 27.09.2026)
Stand:
Passende Werkzeuge
- Bildgrößen für Social Media 2026Bildgrößen 2026 für Instagram, Facebook, YouTube, LinkedIn, X, Pinterest und Threads – nur offizielle Angaben mit Quelle. Maße kopieren, Höhe berechnen.
- Meine BildschirmauflösungZeigt sofort Ihre Bildschirmauflösung, echte Pixel, Browserfenster (Viewport), devicePixelRatio, Seitenverhältnis und Breakpoint. Live, direkt im Browser.
- Bildgröße ändernBildgröße online ändern: Breite und Höhe in Pixel oder Prozent, Seitenverhältnis beibehalten oder zuschneiden, Vorlagen für Instagram & YouTube. Ohne Upload.
- Dreisatz-RechnerDreisatz online berechnen: proportionale und antiproportionale Zuordnung mit Formel, Einheitswert und Rechenweg in drei Sätzen – mit Beispielen.
- Base64 kodieren und dekodierenBase64 und Base64url kodieren/dekodieren mit korrektem UTF-8, dazu URL-Encode/Decode (Prozent-Kodierung). Mit Fehlerprüfung, lokal im Browser.
- CSS Border-Radius-GeneratorAbgerundete Ecken per Regler: alle Ecken gekoppelt oder einzeln, px oder %, elliptisch mit 8 Werten – kürzeste CSS-Schreibweise, Live-Vorschau, CSS kopieren.