Der Seitenverhältnis-Rechner arbeitet in allen drei Richtungen, in denen das Problem auftaucht. Gib Breite und Höhe an, und er kürzt das Verhältnis per größtem gemeinsamen Teiler — und erkennt, wichtig, die Beinahe-Treffer: 1366×768 kürzt zum nutzlosen 683:384, aber der Rechner meldet zusätzlich »effektiv 16:9«, die Antwort, die du eigentlich wolltest. Gib ein Verhältnis und eine Dimension, und er löst die andere in ganzen Pixeln. Gib ein Verhältnis und einen Container, und er liefert die größte Einpassung. In jedem Fall bekommst du die Standardgrößen des Verhältnisses (1280×720 bis 3840×2160 bei 16:9) und kopierfertiges CSS: die moderne aspect-ratio-Eigenschaft plus den padding-top-Prozentsatz des klassischen Musters.
Funktionen
Maße → exaktes Verhältnis plus nächstes gängiges Verhältnis
Verhältnis + eine Dimension → die andere, in ganzen Pixeln
Verhältnis + Container → größte Einpassung in die Box
Vorgaben von 16:9 bis 2,39:1 anamorph
Standardgrößen-Liste mit garantiert geraden Höhen
CSS-aspect-ratio und Padding-Hack-Prozentsatz
So verwendest du Seitenverhältnis-Rechner
Richtung wählen: Größe → Verhältnis, fehlende Dimension oder Einpassen
Eingeben, was du weißt
Ergebnis und Standardgrößen des Verhältnisses ablesen
Die 56,25 % sind 9÷16 — die klassische Responsive-Video-Zahl.
Häufige Fehler & Fehlerbehebung
1366×768 kürzt zu 683:384 statt 16:9. — 683:384 ist die exakte Antwort — diese Auflösung ist wirklich nicht 16:9. Die Zeile »effektiv 16:9« liefert die praktische Antwort; beide erscheinen, weil beide stimmen.
Die gelöste Dimension ist ungerade und ein Video-Encoder lehnt ab. — H.264 und Co. verlangen gerade Maße. Nutze die Standardgrößen-Liste, die Höhen auf gerade rundet, oder verschiebe die Eingabe um ein Pixel.
Ein 4:3-Video im 16:9-Player zeigt schwarze Balken. — Das ist korrektes Verhalten — 4:3 in 16:9 einzupassen lässt seitliche Balken. Sie zu entfernen hieße, Inhalt zu beschneiden.
Häufig gestellte Fragen
Welche Auflösung ist 16:9 bei gegebener Breite?
Breite mal 9/16: 1280→720, 1920→1080, 2560→1440, 3840→2160. Der Rechner löst das für jede Breite oder Höhe.
Wie halte ich das Seitenverhältnis eines Elements in CSS?
Der moderne Weg ist eine Zeile: aspect-ratio: 16 / 9. Das Altmuster gibt dem Container padding-top: 56,25 % und positioniert den Inhalt absolut darin. Der Rechner liefert beides passend zu deinem Verhältnis.
Warum werben Monitore mit 16:9, wenn die Pixel anderes sagen?
Panels wie 1366×768 nähern 16:9 auf unter ein Prozent an — genug fürs Marketing und Vollbildvideo. Der Rechner zeigt das exakte und das nächstbenannte Verhältnis, damit die Abweichung sichtbar wird.
Welche Seitenverhältnisse wollen Social-Plattformen?
Feed-Video tendiert zu 1:1 oder 4:5, Stories und Shorts sind 9:16, Quer-Uploads 16:9, Kinomaterial 21:9 oder 2,39:1.
Verwandte Tools
CSS Clamp Calculator — Min-/Max-Größen und Viewports in einen fluiden clamp()-Wert verwandeln.
CSS Grid Generator — Ein Grid-Layout visuell bauen und sauberes grid-template-CSS kopieren.
Border-Radius-Generator — Erstelle CSS border-radius einfach, pro Ecke oder als Blob mit Live-Vorschau
Open-Graph-Generator — Erzeuge Open-Graph- und Twitter-Meta-Tags mit Vorschau der Social-Card.
Video Resizer — Passe Videos für Reels, YouTube, quadratisch und mehr mit Auffüllung an, direkt im Browser.
Bild zuschneiden — Beliebigen Bereich oder festes Verhältnis in voller Auflösung.