Tokenlabor

Seitenverhältnis berechnen: 16:9, 4:3 und mehr

Seitenverhältnis berechnen: Aus Breite und Höhe das Verhältnis wie 16:9 oder 4:3 ermitteln oder bei bekanntem Format die fehlende Seite und passende Auflösungen finden.

Seitenverhältnis aus Breite und Höhe
–

 

Fehlende Seite berechnen
Häufige Formate:
–

 

Übliche Auflösungen in diesem FormatMegapixel
CSS für dieses Seitenverhältnis
Alles läuft in Ihrem Browser. Eingaben verlassen Ihr Gerät nicht.
Seitenverhältnis und Auflösung
Mit dem Seitenverhältnis-Rechner können Sie das Seitenverhältnis berechnen, das zu einer Breite und Höhe gehört, oder bei bekanntem Verhältnis die fehlende Seite ermitteln. Das Seitenverhältnis (englisch Aspect Ratio) ist Breite zu Höhe, gekürzt durch den größten gemeinsamen Teiler: Aus 1920 × 1080 Pixeln wird 16:9, aus 1024 × 768 wird 4:3. Weicht ein Maß leicht ab, nennt der Rechner das nächste übliche Format und die Abweichung in Prozent.
Im zweiten Teil geben Sie ein Verhältnis wie 16:9 und eine Seite ein. Bei 1280 Pixeln Breite ergibt sich eine Höhe von 720 Pixeln. Für Videos sind gerade Zahlen sinnvoll, weil viele Codecs nur gerade Kantenlängen verarbeiten. Die Tabelle zeigt übliche Auflösungen im gewählten Format, etwa 1280 × 720, 1920 × 1080 (Full HD) und 3840 × 2160 (4K UHD) bei 16:9. Dazu gibt es den passenden CSS-Code mit aspect-ratio und dem älteren Trick über padding-top.
Zur Einordnung: 16:9 ist das Standardformat für Fernseher, Monitore und YouTube. 4:3 war das Format alter Röhrenmonitore und vieler Tablets, 3:2 ist typisch für Fotos aus Spiegelreflex- und Systemkameras. Als 21:9 verkaufte Ultrawide-Monitore haben meist 2560 × 1080 (64:27) oder 3440 × 1440 (43:18) Pixel, also etwa 2,37:1 bis 2,39:1. Hochformate wie 9:16 und 4:5 sind bei Smartphone-Videos und Social-Media-Beiträgen üblich. Pixel für Bilder in einer bestimmten Auflösung umrechnen können Sie zum Beispiel mit dem px-in-rem-Rechner für CSS-Größen.
Anleitung: Seitenverhältnis berechnen in 4 Schritten
  1. Breite und Höhe in Pixel, cm oder Zoll eintragen, um das Seitenverhältnis wie 16:9 oder 4:3 zu berechnen.
  2. Unter „Fehlende Seite berechnen“ ein Verhältnis eingeben oder ein häufiges Format wie 16:9, 4:3 oder 9:16 anklicken.
  3. Wählen, ob Breite oder Höhe bekannt ist, den Wert eintragen und die Rundung festlegen, für Video eine gerade Zahl.
  4. Übliche Auflösungen und Megapixel ablesen und den CSS-Code für das Seitenverhältnis kopieren.
Typische Anwendungsfälle
  • Video exportieren: Zur gewünschten Breite die passende gerade Höhe für 16:9 oder 9:16 berechnen.
  • Bilder zuschneiden: Vor dem Zuschnitt für Social Media die richtige Höhe zu einer Breite im Format 4:5 oder 1:1 ermitteln.
  • Responsives Webdesign: Einen Video- oder Bildcontainer per CSS aspect-ratio im richtigen Format halten.
  • Monitor vergleichen: Prüfen, ob eine Auflösung 16:9, 16:10 oder 21:9 entspricht.
Fragen
Häufige Fragen
Wie berechne ich das Seitenverhältnis?
Teilen Sie Breite und Höhe durch ihren größten gemeinsamen Teiler. Bei 1920 × 1080 ist der größte gemeinsame Teiler 120, das ergibt 16:9. Der Rechner macht das automatisch, auch für Zentimeter oder Zoll.
Wie hoch ist ein 16:9-Bild bei 1280 Pixeln Breite?
Höhe = Breite × 9 / 16, also 1280 × 9 / 16 = 720 Pixel. Bei 1920 Pixeln Breite sind es 1080 Pixel, bei 3840 Pixeln 2160 Pixel.
Ist 1366 × 768 genau 16:9?
Nicht ganz. 1366 × 768 entspricht gekürzt 683:384, das sind etwa 1,779:1 statt 1,778:1. Die Abweichung beträgt rund 0,05 Prozent; deshalb gilt die Auflösung im Alltag als 16:9.
Was ist der Unterschied zwischen 16:9 und 16:10?
16:10 (1,6:1) ist etwas höher als 16:9 (1,78:1). Ein 16:10-Monitor mit 1920 × 1200 Pixeln hat 120 Pixelzeilen mehr als ein 16:9-Monitor mit 1920 × 1080; beim Arbeiten mit Text ist das angenehm.
Wie setze ich ein Seitenverhältnis in CSS?
Mit der Eigenschaft aspect-ratio, zum Beispiel aspect-ratio: 16 / 9; zusammen mit width: 100%. Alle aktuellen Browser unterstützen sie. Für sehr alte Browser gibt es den Trick mit padding-top: 56,25 Prozent.
Wie rechne ich ein Seitenverhältnis in eine Dezimalzahl um?
Breite durch Höhe teilen: 16:9 ergibt etwa 1,78:1, 4:3 etwa 1,33:1 und 21:9 etwa 2,33:1. So lassen sich Formate direkt vergleichen; Kinoformate werden oft so angegeben, etwa 2,39:1.
Was bedeutet das Seitenverhältnis 9:16?
Es ist das Hochformat zu 16:9, also Breite 9 zu Höhe 16, etwa 1080 × 1920 Pixel. Üblich ist es bei Smartphone-Videos, Stories und Kurzvideos.
Weitere Werkzeuge
Das könnte auch helfen
Alle 358 Werkzeuge 
Farbumwandler
HEX, RGB, HSL, HSV, CMYK und OKLCH ineinander umrechnen, mit Farbwähler, Vorschau und Farbtönen.
Öffnen 
Farbpalette aus Bild
Die wichtigsten 5 bis 10 Farben eines Bildes als HEX-Codes ermitteln, lokal im Browser.
Öffnen 
Kontrast prüfen (WCAG)
Kontrastverhältnis zweier Farben nach WCAG prüfen, AA und AAA, mit Vorschlag für passende Farbtöne.
Öffnen 
CSS-Gradient-Generator
Linearen, radialen und konischen Farbverlauf zusammenstellen und den CSS-Code kopieren.
Öffnen 
Box-Shadow-Generator
CSS-Schatten mit mehreren Ebenen, inset und Deckkraft einstellen, Vorschau sehen, Code kopieren.
Öffnen 
Flexbox-Generator
Flexbox-Eigenschaften per Auswahl setzen, die Wirkung live sehen und das CSS kopieren.
Öffnen