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.

Seitenverhältnis-Rechner

Kürze eine Größe auf ihr Verhältnis, löse die fehlende Breite oder Höhe oder passe ein Verhältnis in einen Container — mit CSS-Ausgabe.

Der Seitenverhältnis-Rechner läuft vollständig in deinem Browser. Maße werden auf deinem Gerät verarbeitet und niemals hochgeladen.

CSS-clamp()-Rechner öffnen

Über Seitenverhältnis-Rechner

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
CSS kopieren, wenn es in ein Layout geht

Beispiel

Eingabe

16:9, width 1000

Ausgabe

Height 563 px · CSS: aspect-ratio: 16 / 9; · padding hack 56.25%

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.