Der vollständige Leitfaden zu Seitenverhältnissen für Social Media und Video

Jedes Bild im Internet hat eine verborgene Geometrie: sein Seitenverhältnis, die Beziehung zwischen seiner Breite und Höhe. Wenn es falsch ist, zeigt Ihr Video schwarze Balken auf YouTube, Ihr Instagram-Post schneidet Gesichter in der Hälfte ab, das Thumbnail Ihres Kunden sieht verzerrt aus. Wenn es richtig ist, kann dasselbe Quellmaterial sauber über ein Dutzend Plattformen wandern — jede mit ihrer eigenen bevorzugten Form. Dieser Leitfaden erklärt, was Seitenverhältnisse sind, die Mathematik dahinter, die Verhältnisse, die jeden modernen Bildschirm und Feed dominieren, und wie man zwischen ihnen umrechnet, ohne Pixel zu verlieren.

Was ist ein Seitenverhältnis?

Ein Seitenverhältnis ist die proportionale Beziehung zwischen Breite und Höhe eines Bildes, geschrieben als Breite:Höhe, nachdem beide Zahlen auf ihre niedrigste ganzzahlige Form vereinfacht wurden. Full-HD-Video mit 1920 × 1080 Pixeln hat ein Seitenverhältnis von 16:9, was bedeutet, dass das Bild für je 16 Breiteneinheiten 9 Einheiten hoch ist. Das Verhältnis ist unabhängig von der Auflösung — ein 4K-UHD-Signal mit 3840 × 2160 vereinfacht sich ebenfalls zu 16:9, ebenso wie ein 1280 × 720-Stream. Sie unterscheiden sich in Pixelanzahl und Schärfe, teilen aber dieselbe Form.

Die Mathematik ist einfach, aber spezifisch. Um ein Seitenverhältnis zu finden, teilen Sie beide Dimensionen durch ihren größten gemeinsamen Teiler (ggT). Für 1920 und 1080 ist der ggT 120; 1920 ÷ 120 = 16 und 1080 ÷ 120 = 9. Der Seitenverhältnis-Rechner unter screenruler.online/aspect-ratio-calculator führt den euklidischen ggT-Algorithmus mit dem aus, was Sie eingeben, sodass aus 3840 × 2160 in einem Schritt 16:9 wird, aus 1080 × 1920 wird 9:16 Hochformat und aus 2390 × 1000 wird 2.39:1 Cinema.

Die häufigsten Seitenverhältnisse

Acht Verhältnisse decken etwa 99 % der Bildschirme, Feeds, Drucke und Filme ab, denen Sie jemals begegnen werden:

Verhältnis	Dezimal	Wo Sie es sehen	Hinweise
16:9	1,778	Full HD, 4K UHD, YouTube horizontal, die meisten Fernseher und Monitore	Das Standardverhältnis des Rundfunks im 21. Jahrhundert
4:3	1,333	SDTV, iPad-Bildschirme, Klassenraum-Projektoren, einige Tablets	Dominant von den 1940ern bis Ende der 2000er
1:1	1,000	Instagram-Feed-Posts, Profilbilder, Album-Cover, Beschilderung	Beschneidet fair sowohl Hoch- als auch Querformatquellen
9:16	0,563	TikTok, Instagram Reels, YouTube Shorts, Stories	Telefonnatives Vertikalvideo
21:9	2,333	Ultrawide-Gaming-Monitore, einige Cinema-Auslieferungen	Etwa ein Drittel breiter als 16:9 bei gleicher Höhe
3:2	1,500	35-mm-DSLR-Sensoren, spiegellose Kameras, klassische Fotodrucke	Die Form der vordigitalen Fotografie
2:3	0,667	Pinterest-Pins, Hochformat-Poster, vertikale Magazinlayouts	Das Hochformat-Pendant von 3:2
2.39:1	2,39	Kinofilm, anamorphotisches Breitbild, Prestige-Kinematografie	"Anamorph" oder "Scope" seit den späten 1970ern

Zwei weitere, die Sie seltener antreffen: 17:9 (verwendet von einigen professionellen digitalen Cinema-Kameras wie der RED-Reihe) und 1.85:1 (der andere moderne Kinostandard, etwas weniger breit als 2.39:1). Die acht Voreinstellungen im Screen Ruler-Rechner decken alles ab, was die meisten Teams je benötigen.

Seitenverhältnisse pro Plattform

Entscheidungen zum Seitenverhältnis lagen früher bei Filmvorführern und Rundfunkingenieuren; heute liegen sie bei Social-Media-Managern. Hier sind die Verhältnisse, die jede große Plattform 2026 erwartet:

• YouTube — Hauptfeed erwartet 16:9 für reguläres Video; 9:16 für Shorts. Der Player setzt alles im Hochformat in einen 16:9-Rahmen mit Pillarboxing, sodass vertikales Video, das horizontal hochgeladen wird, winzig wird.
• TikTok — strikt 9:16 vertikal. Der Vollbild-Player schneidet oder letterboxt alles andere aggressiv.
• Instagram — 1:1 für quadratische Feed-Posts (das sicherste universelle Verhältnis), 4:5 für Hochformat-Feed (etwas höher, bekommt mehr Pixel oberhalb der Falz), 9:16 für Stories und Reels und 1.91:1 für Querformat-Linkvorschauen.
• Twitter/X — 16:9 für In-Feed-Video und Linkvorschauen. 2:1 funktioniert auch gut für Cards.
• LinkedIn — 1.91:1 für geteilte Linkbilder (ein leichtes Querformat), 16:9 für Videoposts, 1:1 für quadratische statische Posts.
• Pinterest — 2:3 ist kanonisch für Pins (1000 × 1500 px). Quadratisches 1:1 funktioniert, schneidet aber in Pin-Engagement-Studien messbar schlechter ab als 2:3.
• Facebook — 16:9 für Video, 1.91:1 für Linkvorschau-Cards. Stories nutzen 9:16.
• Kinofilm — 2.39:1 dominiert seit Ende der 70er Hollywood-Blockbuster und Prestige-TV-Finals; 1.85:1 ist der alternative "Flat"-Standard.

Ein praktischer Workflow: Drehen oder gestalten Sie in einem höher aufgelösten Master-Verhältnis (mindestens 16:9 horizontal) und schneiden Sie dann auf das Zielverhältnis für jede Plattform herunter. Hinabgehen ist verlustfreie Bildgestaltung; hinaufgehen ist unmöglich, ohne Balken hinzuzufügen oder zu strecken.

Wie man das Seitenverhältnis aus Pixeln berechnet

Bei einer beliebigen Breite × Höhe ist die Vereinfachung mechanisch:

1. Finden Sie den größten gemeinsamen Teiler (ggT) der beiden Zahlen mit dem euklidischen Algorithmus.
2. Teilen Sie beide durch den ggT.
3. Das Ergebnis ist das Verhältnis in niedrigsten Termen.

Durchgerechnetes Beispiel für 3840 × 2160:

gcd(3840, 2160)
  = gcd(2160, 3840 mod 2160)  = gcd(2160, 1680)
  = gcd(1680, 2160 mod 1680)  = gcd(1680, 480)
  = gcd(480, 1680 mod 480)    = gcd(480, 240)
  = gcd(240, 480 mod 240)     = gcd(240, 0)
  = 240
3840 / 240 = 16
2160 / 240 = 9
→ 16:9

Bei dezimalen Eingaben (etwa einem 2.39:1-Cinema-Crop) skaliert der Rechner zunächst beide Zahlen mit 10.000 hoch, führt denselben Algorithmus aus und gibt das ganzzahlige Verhältnis zurück, das das Original auf vier Dezimalstellen genau erfasst. Das reicht aus, um jedes standardmäßige Cinema-Verhältnis ohne Rundungsfehler getreu darzustellen.

Wie man eine fehlende Dimension findet, wenn das Verhältnis fest ist

Das umgekehrte Problem — Sie kennen das Verhältnis, aber nur eine Dimension — ist sogar einfacher. Wenn Ihr Zielverhältnis VerhältnisB:VerhältnisH ist und Sie die Breite kennen:

Höhe = (Breite × VerhältnisH) / VerhältnisB

Für 16:9 bei 1920 Breite: Höhe = (1920 × 9) / 16 = 1080. Für 21:9 bei 3440 Breite: Höhe = (3440 × 9) / 21 ≈ 1474. Tauschen Sie die Formel, wenn Sie stattdessen die Höhe kennen. Der Umkehrmodus des Rechners erledigt das automatisch — wählen Sie eine Voreinstellung, wählen Sie, welche Dimension Sie kennen, geben Sie den Wert ein und lesen Sie den anderen ab.

Das ist der tägliche Workflow für Designer, die responsive Hero-Bilder erstellen: Wählen Sie das Designverhältnis (oft 16:9 oder 21:9 für Desktop-Heroes), dann setzen Sie jede Breakpoint-Breite ein, um die passende Höhe für das Bildmaterial zu erhalten.

Häufige Fehler beim Seitenverhältnis

Drei Fehlermodi machen fast jeden Seitenverhältnis-Bug in der Produktion aus:

Schwarze Balken (Letterbox und Pillarbox). Wenn das Verhältnis des Inhalts nicht mit dem des Players übereinstimmt, fügt der Player entweder horizontale Balken oben und unten hinzu (Letterboxing — typisch für Cinema-Inhalte auf einem Fernseher) oder vertikale Balken an den Seiten (Pillarboxing — typisch für vertikales Telefonmaterial auf einem horizontalen Player). Die Lösung liegt nicht auf der Player-Seite; sie liegt auf der Export-Seite. Rendern Sie das Material erneut im Zielverhältnis.

Erzwungenes Beschneiden. Einige Plattformen (Instagram ist der schlimmste Übeltäter) beschneiden stillschweigend Material, das nicht ihrem bevorzugten Verhältnis entspricht. Ein 16:9-Querformatfoto, das in einem 1:1-Feed gepostet wird, verliert etwa 44 % seiner Breite auf jeder Seite. Die Lösung ist, beim Export bewusst zu beschneiden, damit Sie kontrollieren, welche Motive überleben.

Pixel-Streckung / -Stauchung. Das ist die Kardinalsünde: ein 16:9-Bild durch Verformung in einen 4:3-Rahmen zu zwingen. Gesichter strecken sich, Kreise werden zu Ovalen, Text wird breiter. Moderne Player tun das fast nie mehr, aber alte CMS-Upload-Pipelines tun es gelegentlich. Wenn nach dem Upload etwas "schief" aussieht, vermuten Sie eine erzwungene Verhältnisänderung, bevor Sie ein Kompressionsartefakt annehmen.

Ein vierter Fehler, der Erwähnung verdient: Hochladen eines niedrig aufgelösten Materials im Zielverhältnis statt eines hochauflösenden Masters. Crop-Qualität schlägt immer Stretch-Qualität. Mastern Sie in 4K 16:9 (3840 × 2160) und schneiden Sie für Instagram auf 1080 × 1080 herunter; drehen Sie nicht nativ in 1080 × 1080 und versuchen Sie nicht, einen 16:9-Master zu retten.

Eine kurze Geschichte der Seitenverhältnisse

Seitenverhältnisse wurden schon immer von der Display-Technologie und dem Sehkontext bestimmt, und das dominante Verhältnis hat sich etwa einmal pro Generation verschoben.

1940er–1990er — 4:3 (1.33:1). Standard-Definition-Fernsehen erbte 4:3 von der frühen Rundfunktechnik der 1940er, die selbst dem 1.37:1 "Academy"-Verhältnis folgte, das das 35-mm-Kino 1932 standardisierte. Ein halbes Jahrhundert lang war fast jeder Bildschirm, den Menschen ansahen — Fernseher, Computermonitor, Klassenraumprojektor — 4:3.

1953–1970er — CinemaScope und Panavision. Als das Fernsehen begann, Kinos das Publikum zu nehmen, schlug Hollywood mit anamorphotischem Breitbild zurück: 2.35:1, dann 2.39:1, sobald die digitale Projektion in den 1970ern die Spezifikation festlegte. Das Kino wählte bewusst ein Verhältnis, das Fernseher nicht erreichen konnten.

1990er–2010er — 16:9 (1.78:1). Die HDTV-Standardisierung in den 1990ern wählte 16:9 als Kompromiss zwischen dem 4:3-Rundfunkerbe und dem 2.39:1 des Kinos. Die Plasma- und LCD-Fertigung entschied sich schließlich für 16:9, und bis 2015 war es das Standardverhältnis für nahezu jedes Verbraucher-Display: Fernseher, Monitore, Laptops, Tablets, sogar frühe Smartphones.

2010er–heute — 9:16 vertikal. Die Ära des Telefons als Kamera kehrte die Mathematik um. TikTok, Instagram Stories, YouTube Shorts und Reels standardisierten alle auf 9:16, was sich nativ anfühlt, wenn man es in einer Hand hält, und den Bildschirm ohne Drehung füllt. Bis 2022 hatte vertikales Video auf Mobilgeräten horizontales Video nach Sehzeit auf jeder großen Plattform überholt.

2020er — 21:9 Ultrawide und 2.39:1 Prestige-Cinema. Gaming und Produktivität trieben die Einführung von 21:9-Ultrawide-Monitoren voran, während die Streaming-Ära Prestige-TV (Hollywood-finanzierte Limited Series) zu dem 2.39:1-Framing der Spielfilme drängte. Das Resultat ist, dass ein Stück Quellmaterial zunehmend in drei oder vier Verhältnissen aus demselben Kameranegativ ausgeliefert werden muss.

Der nächste Wendepunkt ist unklar. Faltbare Telefone deuten auf eine Zukunft hin, in der das Seitenverhältnis dynamisch pro Nutzungsmoment wird, nicht eine feste Eigenschaft eines Geräts.

Wie man den Seitenverhältnis-Rechner von Screen Ruler verwendet

Der Rechner unter screenruler.online/aspect-ratio-calculator hat zwei Modi:

Modus 1 — Verhältnis aus Pixeln berechnen. Geben Sie eine Breite und Höhe in die beiden Eingabefelder ein. Das Ergebnispanel zeigt das vereinfachte Verhältnis (z. B. 16:9), den nächstpassenden Voreinstellungsnamen, den Dezimalwert und die Höhe als Prozentsatz der Breite (nützlich für CSS-padding-bottom-Techniken). Der visuelle Vorschaublock aktualisiert sich in Echtzeit, sodass Sie die Proportionen auf einen Blick sehen können.

Modus 2 — Fehlende Dimension finden. Wählen Sie eine Voreinstellung aus dem Dropdown — 16:9, 9:16, 21:9 oder einen der acht Standards — wählen Sie, ob Sie die Breite oder Höhe angeben werden, und geben Sie den bekannten Wert ein. Der Rechner gibt sofort die passende unbekannte Dimension zurück.

Zwei Extras, die wissenswert sind. Erstens sind die acht Voreinstellungs-Chips am Ende der Seite klickbare Shortcuts, die den Rechner in den Umkehrmodus mit der gewählten Voreinstellung versetzen — praktisch, wenn Sie genau wissen, welches Verhältnis Sie wollen. Zweitens bleibt die URL mit Ihren Eingaben synchronisiert, sodass der Link /aspect-ratio-calculator?w=1920&h=1080 ein dauerhaft teilbarer Link auf genau diese Konfiguration ist. Bookmarken Sie ihn oder fügen Sie ihn in einen Slack-Thread ein; der Empfänger landet bei derselben Antwort.

FAQ

Ist 16:9 dasselbe wie Breitbild? Größtenteils ja. "Breitbild" bedeutete historisch alles Breitere als 4:3, was sich bis in die 2010er auf 16:9 als De-facto-Standard festsetzte. Einige ältere Dokumente verwenden "Breitbild" für 16:10 (Computermonitore der 2000er) — dieses Verhältnis wird immer noch auf einigen Laptop-Displays verwendet.

Was ist das größte praktische Seitenverhältnis? Für kommerzielle Displays sind 21:9 Ultrawide- und 32:9 Super-Ultrawide-Gaming-Monitore die breitesten, denen Sie begegnen werden. Das Kino geht manchmal bis zu 2.76:1 ("Ultra Panavision" verwendet von The Hateful Eight und Ben-Hur), aber das ist eine Seltenheit.

Warum bevorzugt Pinterest 2:3 gegenüber 1:1? Pinterests Grid-Layout ist spaltenbasiert; höhere Pins belegen pro Scrollen mehr visuelle Fläche, was stark mit Engagement korreliert. Pinterests eigene Analysen zeigen konsistent, dass 2:3 (1000 × 1500) 1:1 mit nennenswertem Abstand übertrifft.

Sollte ich immer im exakt bevorzugten Verhältnis der Plattform hochladen? Wenn möglich, ja — es vermeidet Crop-Überraschungen. Wenn nicht möglich (Sie haben einen Master und müssen überall ausliefern), laden Sie im nächstgelegenen höheren Verhältnis hoch: Breiter beschneiden ist weniger wahrscheinlich, Gesichter abzuschneiden, als kürzer zu beschneiden.

Was ist der Unterschied zwischen Seitenverhältnis und Auflösung? Seitenverhältnis ist die Form des Bildes (16:9, 4:3 usw.); Auflösung ist die Pixelanzahl, die diese Form ausfüllt. Zwei Videos können dasselbe Seitenverhältnis teilen, sich aber wild in Auflösung und Schärfe unterscheiden — sowohl 1280 × 720 (HD Ready) als auch 3840 × 2160 (4K UHD) sind 16:9, aber die 4K-Version hat das Neunfache der Pixelfläche. Wenn Sie beschneiden, ändern Sie Seitenverhältnis und Auflösung gleichzeitig, weshalb Master-Dateien immer die höchste Auflösung im breitesten praktikablen Verhältnis sein sollten.

Wofür wird 16:10 verwendet? 16:10 (1.6:1) war von etwa 2003 bis 2012 das dominante Computermonitor-Verhältnis, besonders auf ThinkPads, MacBook Pros und Dell-Business-Laptops. Es wurde als produktiver vermarktet als 16:9, weil die zusätzlichen vertikalen Pixel eine weitere Code- oder Dokumentzeile aufnehmen. Apple belebte 16:10 auf seiner Retina MacBook Pro-Reihe 2021 wieder, und Microsoft folgte auf Surface-Geräten. Für jede 16:10-Quelle sollten Sie es als nicht standardmäßiges Verhältnis behandeln und zwischen Beschneiden auf 16:9 (die meisten Plattformen) oder Letterboxing entscheiden — der Umkehrmodus des Rechners verarbeitet 16:10, wenn Sie das Verhältnis manuell als 16:10 eingeben.

Weitere Antworten finden Sie in der FAQ zum Seitenverhältnis-Rechner auf der Tool-Seite selbst, die Cinema-Standards, ggT-Präzision und Grenzfälle abdeckt.

---

Müssen Sie genaue Dimensionen umrechnen? Der kostenlose Screen Ruler Seitenverhältnis-Rechner verarbeitet alle acht Voreinstellungen, zwei Modi und teilbare URLs — keine Anmeldung, keine Werbung, läuft vollständig in Ihrem Browser.