Seitenverhältnis-Rechner

Gängige Seitenverhältnisse

Verhältnis	Typische Verwendung	Beispiel-Auflösungen
16:9	Breitbild-Monitore, YouTube, TV	1920x1080, 3840x2160
4:3	Klassisches TV, Präsentationen, iPad	1024x768, 2048x1536
1:1	Instagram-Posts, Profilbilder	1080x1080, 400x400
9:16	TikTok, Reels, Stories, Handy-Video	1080x1920
21:9	Ultrawide-Monitore, Kino	2560x1080, 3440x1440
3:2	DSLR-Kameras, Surface-Geräte	1440x960, 6000x4000

Häufige Fragen

Was ist ein Seitenverhältnis?

Ein Seitenverhältnis ist die proportionale Beziehung zwischen Breite und Höhe. Ein Verhältnis von 16:9 bedeutet, dass auf 16 Einheiten Breite 9 Einheiten Höhe kommen, unabhängig von der tatsächlichen Pixelgröße.

Warum ist das Seitenverhältnis bei Videos wichtig?

Ein falsches Seitenverhältnis verursacht schwarze Balken (Letterboxing/Pillarboxing) oder Verzerrung. YouTube nutzt 16:9, TikTok/Reels 9:16, und Instagram-Posts 1:1 oder 4:5.

Die Mathematik hinter dem Verhältnis

Ein Seitenverhältnis ist das proportionale Verhältnis zwischen Breite und Höhe, geschrieben als W:H wie 16:9 oder als einzelne Dezimalzahl, 16 ÷ 9 = 1.777…, meist gerundet auf 1.78:1. Zwei verschiedene Pixelauflösungen können dasselbe Verhältnis teilen: 1920×1080 und 1280×720 sind beide 16:9, weil sich beide auf denselben Bruch kürzen lassen.

Um ein beliebiges Paar zu vereinfachen, teilen Sie beide Zahlen durch ihren größten gemeinsamen Teiler: die größte ganze Zahl, die sowohl Breite als auch Höhe ohne Rest teilt. Für Full HD:

• gcd(1920, 1080) = 120
• 1920 ÷ 120 = 16
• 1080 ÷ 120 = 9
• → 16:9

Dieser Rechner führt diese GGT-Kürzung bei jeder Zahländerung durch und löst auch das umgekehrte Problem: Bei einem Zielverhältnis und einer bekannten Dimension ergibt sich die andere aus new height = (known width × H) ÷ W: Ein 1080 Pixel breites Bild, das auf 16:9 skaliert wird, braucht also eine Höhe von 1080 × 9 ÷ 16 = 607.5, typischerweise gerundet auf 608.

Eine kurze Geschichte des Rechtecks

1891 wählte W.K.L. Dickson, der für Thomas Edison arbeitete, ein 4:3-Bild für das Kinetoskop, weil das Halbieren von 70-mm-Kodak-Filmmaterial 35 mm ergab und vier Perforationslöcher pro Bild diese Proportion erzeugten. Eine Pariser Konvention übernahm 1925 1,33:1 als Stummfilmstandard. Als optische Tonspuren begannen, in die Bildfläche einzudringen, standardisierte die Society of Motion Picture Engineers am 9. Mai 1932 das Academy-Verhältnis bei 1,375:1, das Format, das jeder Studiofilm in den nächsten zwanzig Jahren verwendete.

Anfang der 1950er-Jahre lief das Fernsehen dem Kino den Rang ab, und Hollywood antwortete mit Breite. Shane kam im Mai 1953 in 1,66:1 heraus. Fünf Monate später zeigte 20th Century Fox The Robe in CinemaScope, ursprünglich 2,55:1 (vom optischen Maximum von 2,66 reduziert, um Platz für vier magnetische Tonspuren zu lassen). SMPTE legte die anamorphe Projektionsblende 1957 auf 2,35:1 fest und aktualisierte sie 1970 auf 2,39:1, damit Klebestellen weniger sichtbar wären.

Auch 16:9 ist nicht willkürlich. 1984 leitete Kerns H. Powers in der SMPTE-Arbeitsgruppe für High Definition es geometrisch ab: Wenn Rechtecke gleicher Fläche, die nach allen gängigen Kino- und TV-Verhältnissen (4:3, 1,85:1, 2,35:1) geformt sind, konzentrisch überlagert werden, passen sie alle in ein äußeres 1,77:1-Rechteck und decken alle ein inneres 1,77:1-Rechteck ab. Mathematisch ist es das geometrische Mittel der Extreme, √(1.33 × 2.35) ≈ 1.77. Die ITU-R-Empfehlung BT.709 verankerte 16:9 1990 für HDTV, und die PC-Branche wechselte um 2009 von 16:10 zu 16:9, um Fertigungslinien für Panels mit Fernsehern zu teilen.

Gängige Verhältnisse im Jahr 2026

Verhältnis	Dezimalzahl	Wo Sie es sehen
1:1	1.000	Quadratische Instagram-Beiträge, Profilbilder, Albumcover
4:5	0.800	Instagram-Hochformat-Feed (Format mit der höchsten Interaktion)
2:3	0.667	Pinterest-Standard-Pin, vertikale 35-mm-Fotoabzüge
3:2	1.500	Vollformat-DSLRs, 35-mm-Negative, Microsoft-Surface-Laptops
16:10	1.600	Ältere Laptops, 14"/16"-MacBook-Pro, viele Tablets
16:9	1.778	HDTV, moderne Monitore, YouTube im Querformat, die meisten Laptops
1.85:1	1.850	Moderner „Flat“-Kinostart
1.91:1	1.910	Open Graph / Facebook / LinkedIn Share-Cards (1200×630)
2:1	2.000	Univisium, von einigen Streaming-Originalen verwendet
21:9	2.333*	Ultrawide-Monitore (*Marketing-Bezeichnung; technisch 64:27 = 2,37:1)
2.39:1	2.390	Modernes anamorphes Breitbild („Scope“)

Social-Plattform-Größen 2026

• Instagram-Feed: 4:5-Hochformat (1080×1350) ist der aktuelle interaktionsoptimierte Standard, es nimmt auf einem Smartphone spürbar mehr vertikalen Bildschirmplatz ein als ein quadratisches 1:1. Quadratisch (1080×1080) und 1,91:1-Querformat werden ebenfalls akzeptiert. Stories und Reels sind 9:16 (1080×1920).
• TikTok: nativ 9:16 bei 1080×1920. Quadratisch wird akzeptiert, aber in der Vollbildansicht mittig beschnitten.
• YouTube: 16:9 horizontal (1920×1080 oder 3840×2160 für 4K). YouTube Shorts ist 9:16 bei 1080×1920.
• LinkedIn: Share-/Link-Card 1200×630 (1,91:1). Banner-Titelbild 1584×396 (4:1). Für Feed-Beiträge wird Hochformat 1080×1350 (4:5) empfohlen.
• Pinterest: Standard-Pin 1000×1500 (2:3). Pinterests Hilfecenter merkt an, dass andere Verhältnisse die Reichweite negativ beeinflussen können und Pins, die höher als etwa 1:2,1 sind, im Startseiten-Feed abgeschnitten werden.
• Facebook / Open Graph: Die Linkvorschau 1200×630 (1,91:1) ist der De-facto-Standard für die größte Vorschau im News Feed und in Messenger.

Letterbox, Pillarbox, Windowbox

Wenn das Seitenverhältnis eines Bildes nicht zur Fläche passt, auf der es angezeigt wird, erhalten Sie schwarze Balken; die Form hängt davon ab, welche Dimension überläuft.

• Letterbox: Balken oben und unten. Die Quelle ist breiter als das Display. Ein 2,39:1-Film auf einem 16:9-Fernseher ist das kanonische Beispiel. Die Balken verschlingen etwa 1 − (1.78 / 2.39) ≈ 25% des vertikalen Platzes.
• Pillarbox: Balken links und rechts. Die Quelle ist schmaler als das Display. Eine 4:3-Sitcom auf einem 16:9-Fernseher ist der klassische Fall.
• Windowbox: Balken auf allen vier Seiten. Tritt auf, wenn bereits mit Letterbox (oder Pillarbox) versehener Inhalt in ein Bild eines wiederum anderen Verhältnisses skaliert wird.
• Pan and Scan ist die destruktive Alternative: Das Bild wird beschnitten, um den Bildschirm zu füllen, und die Kamera „schwenkt“ über das Originalbild, um die Handlung zentriert zu halten. In den 1980er- und 90er-Jahren war es Standard, um 2,35:1-Filme auf 4:3-VHS zu veröffentlichen, und es wurde vielfach dafür kritisiert, die Bildkomposition zu beschneiden.

CSS aspect-ratio

Browser liefern eine CSS-Eigenschaft, die die Berechnung im Layout für Sie übernimmt. aspect-ratio: 16 / 9; deklariert die bevorzugte Breite-zu-Höhe-Form eines Elements. Wenn mindestens eine von Breite oder Höhe auto ist, bemisst der Browser den Kasten so, dass das Verhältnis eingehalten wird; sind beide explizit, wird das Verhältnis ignoriert. Laut MDN ist die Eigenschaft seit September 2021 in allen großen Engines verfügbar und trägt den Status „Baseline Widely available“.

Davor war der Standardtrick der Padding-Hack (Thierry Koblentz, 2009): die Höhe des Wrappers auf null setzen und padding-bottom: 56.25% festlegen, was 9 ÷ 16 × 100 entspricht. Prozentuales Padding wird gegen die Breite des Elternelements berechnet, sodass der Kasten am Ende 9 Einheiten hoch für je 16 Einheiten Breite ist. Das moderne Äquivalent für eine responsive YouTube-Einbettung ist eine Zeile:

<iframe src="…" style="width:100%; aspect-ratio: 16 / 9; border:0;"></iframe>

aspect-ratio auf einem <img>-Tag zu setzen reserviert außerdem Layout-Platz, bevor das Bild lädt, was eine der günstigsten Verbesserungen ist, die Sie an Cumulative Layout Shift vornehmen können, einem Core Web Vital, das das Suchranking beeinflusst.

Häufige Fehler

• Strecken statt Beschneiden oder Letterboxing. Jede Achse unabhängig zu skalieren verzerrt Gesichter und macht aus Kreisen Ovale. Die Regel: Skalieren Sie Breite und Höhe niemals mit unterschiedlichen Faktoren.
• Der Marketing-Bezeichnung vertrauen. „21:9“-Monitore sind technisch 64:27 (≈ 2,37:1). „1366×768“-Laptop-Panels sind fast 16:9 (1366÷768 = 1,7786 gegenüber 16÷9 = 1,7778), aber das gekürzte Verhältnis ist tatsächlich 683:384, weshalb 1080p-Video manchmal leicht unsauber herunterskaliert. „4K“ kann je nach Kontext entweder 3840×2160 (UHD, 16:9) oder 4096×2160 (DCI-Kino, ≈ 1,90:1) bedeuten.
• Neu beschneiden, ohne die Motive neu zu zentrieren. Ein genau mittig komponiertes 1:1-Porträt verliert Kopf und Füße, wenn es auf 9:16 neu beschnitten wird; ein 9:16-Hochformat verliert Hände und Requisiten, wenn es auf 1:1 neu beschnitten wird. Designer fotografieren mit einem „sicheren Bereich“ (etwa den mittigen 80 %), der jeden gängigen Neuzuschnitt übersteht.
• Seitenverhältnis mit Pixeldichte verwechseln. 1920×1080 und 3840×2160 teilen ein Seitenverhältnis, erzeugen aber auf demselben physischen Bildschirm sehr unterschiedliche Schärfe.
• Raster vs. Feed bei Instagram. Ein 4:5-Beitrag wird im Feed in voller Höhe angezeigt, aber im Raster Ihres Profils mittig auf 1:1 beschnitten, sodass alles Wichtige (Gesichter, Überschriften, Logos) den quadratischen Zuschnitt überstehen muss.
• 16:9 mit dem Goldenen Schnitt verwechseln. Phi (≈ 1,618) liegt zwischen 3:2 (1,5) und 16:10 (1,6). Echte goldene Rechtecke sehen einer Kreditkarte ähnlicher als einem Fernseher.

Weitere Fragen

Ist 1,91:1 dasselbe wie 16:9?

Nein. 16:9 ist 1,778, während 1,91:1 1,910 ist. Auf den ersten Blick sehen sie ähnlich aus, aber Open-Graph-Share-Cards mit 1200×630 (1,91:1) sind etwas breiter als 16:9-Videobilder mit 1920×1080. Die beiden zu verwechseln ist einer der häufigsten Gründe, warum Social-Share-Vorschauen seltsam beschnitten werden.

Was ist der Unterschied zwischen UHD-4K und DCI-4K?

UHD-4K ist 3840×2160 mit einem Seitenverhältnis von 16:9 (1,78:1), das verwenden Verbraucherfernseher und die meisten Streamingdienste. DCI-4K ist 4096×2160 mit einem Seitenverhältnis von 256:135 (≈ 1,90:1), das ist der Mastering-Standard des Digitalkinos, den professionelle Kameras wie RED, ARRI und Blackmagic erfordern. Die beiden Formate unterscheiden sich um 256 horizontale Pixel, etwa 6,7 % mehr Gesamtfläche bei DCI.

Wie finde ich äquivalente Abmessungen für ein anderes Seitenverhältnis?

Wählen Sie ein Zielverhältnis (etwa 16:9) und eine Dimension, die Sie fest halten möchten (etwa eine Breite von 1080 Pixeln). Die andere Dimension ergibt sich aus einer einzigen Multiplikation: Höhe = 1080 × 9 ÷ 16 = 607,5, gerundet auf 608. Das obige Panel „Auf neue Größe skalieren“ macht dies automatisch, ändern Sie entweder die neue Breite oder die neue Höhe, und die passende Dimension wird in Echtzeit berechnet.

Warum verschwand 16:10 von den Monitoren?

PCs bevorzugten zwischen etwa 2003 und 2009 kurzzeitig 16:10 (1680×1050, 1920×1200). Die Branche schwenkte um 2009 bis 2010 auf 16:9 um, weil TV-Hersteller bereits 16:9-LCD-Panels in großen Stückzahlen für HDTVs produzierten, sodass Monitore in derselben Form es allen ermöglichten, dieselben Fertigungslinien zu teilen. 16:10 ist auf Premium-Laptops zurückgekehrt (aktuelle MacBook-Pro-Modelle mit 14" und 16" sowie mehrere Windows-Laptops), weil es mehr vertikalen Platz für Code und Dokumente bietet.

Funktioniert das vollständig in meinem Browser?

Ja. Der Rechner besteht aus wenigen Zeilen JavaScript, die den GGT und die Skalierungsformel lokal berechnen; nichts wird an einen Server gesendet, es ist kein Konto nötig, und es funktioniert offline, sobald die Seite zwischengespeichert ist. Dasselbe gilt für jedes andere Werkzeug auf Absolutool.

Verwandte Tools