Seitenverhältnis-Rechner

Vereinfachen Sie jedes Breite × Höhe zu seinem Seitenverhältnis oder finden Sie die fehlende Abmessung — direkt im Browser.

So funktioniert es

  1. Geben Sie Breite und Höhe in Pixeln ein — oder klicken Sie auf eine Voreinstellung wie Full HD, 4K, Story 9:16 oder das YouTube-Vorschaubildformat.
  2. Lesen Sie das vereinfachte Verhältnis, seinen gängigen Namen, den Dezimalwert und die fertige CSS-Deklaration aspect-ratio ab.
  3. Wechseln Sie in den zweiten Modus für die Gegenrichtung: Geben Sie ein Verhältnis wie 16:9 plus eine Abmessung ein, und die fehlende wird für Sie ergänzt.

Über dieses Tool

Ein Seitenverhältnis ist nichts anderes als die Breite eines Bildes geteilt durch seine Höhe, ausgedrückt in den kleinstmöglichen ganzen Zahlen. Dieser Rechner findet diese Zahlen, indem er beide Seiten durch ihren größten gemeinsamen Teiler teilt, berechnet mit dem euklidischen Algorithmus: 1920 und 1080 haben den Teiler 120, also wird aus 1920×1080 das Verhältnis 16:9. Der umgekehrte Weg ist genauso nützlich — geben Sie ein Verhältnis und eine Abmessung an, und Sie erhalten die andere. Das ist die Rechnung hinter jeder Aufgabe „skalieren, ohne zu verzerren“.

Das Tool benennt das Ergebnis auch und geht ehrlich mit der Lücke zwischen Marketingnamen und tatsächlicher Mathematik um. Manche Verhältnisse sind exakt: 1920×1080, 2560×1440 und 3840×2160 sind alle wirklich 16:9. Andere nicht. Das beliebte „21:9“ für Ultrawide ist ein Marketingbegriff — ein 2560×1080-Monitor ist in Wahrheit 64:27 und ein 3440×1440-Modell 43:18, beide etwa 2 % von echtem 21:9 entfernt. Wenn das vereinfachte Verhältnis keinem Standard exakt entspricht, zeigt das Ergebnis zuerst die echten Zahlen und verweist dann auf den nächstliegenden gängigen Namen samt Größe der Abweichung — dazu das Filmäquivalent, wenn es auf 1,85:1 oder auf das anamorphotische 2,39:1 fällt.

In der Praxis zählt das an drei Stellen. Beim Video werden Lieferspezifikationen als Verhältnisse statt als Auflösungen geschrieben, und Encoder wollen in der Regel gerade Pixelmaße — das Tool weist daher auf ein ungerades Ergebnis hin. Auf sozialen Plattformen erwartet jede Fläche ihren eigenen Rahmen: 1:1 und 4:5 für Feed-Beiträge, 9:16 für Stories, Reels und Shorts, 16:9 für YouTube und dessen Vorschaubild in 1280×720. In CSS lässt die moderne Eigenschaft aspect-ratio einen Container seine Form bei jeder Breite behalten — der Rechner gibt die Deklaration fertig zum Einfügen aus. Die gesamte Rechnung läuft zu 100 % in Ihrem Browser; nichts, was Sie eingeben, wird irgendwohin gesendet.

Die Formel

Vereinfachtes Verhältnis = Breite ÷ ggT : Höhe ÷ ggT, wobei ggT der größte gemeinsame Teiler der beiden Zahlen ist (euklidischer Algorithmus). Fehlende Abmessung: Höhe = Breite × Verhältnishöhe ÷ Verhältnisbreite und Breite = Höhe × Verhältnisbreite ÷ Verhältnishöhe. Beispiel: ggT(1920, 1080) = 120 → 16:9; bei 16:9 ergibt eine Breite von 1280 eine Höhe von 1280 × 9 ÷ 16 = 720.

Häufig gestellte Fragen

Wie wird ein Seitenverhältnis berechnet?

Teilen Sie Breite und Höhe durch ihren größten gemeinsamen Teiler. Bei 1920×1080 ist der ggT 120, was 16:9 ergibt — dasselbe Verhältnis wie 1280×720 und 3840×2160, denn alle sind Vielfache derselben Form.

Warum zeigt 2560×1080 das Verhältnis 64:27 statt 21:9?

Weil 64:27 die exakte Mathematik ist und „21:9“ ein gerundeter Marketingname für Ultrawide-Displays. Die beiden liegen rund 1,6 % auseinander, deshalb zeigt das Tool zuerst das echte Verhältnis und daneben den gängigen Namen.

Welches Verhältnis soll ich für Social Media nutzen?

Nutzen Sie 9:16 für Stories, Reels, Shorts und TikTok, 1:1 oder 4:5 für Instagram-Feed-Beiträge und 16:9 für YouTube-Videos und deren Vorschaubilder in 1280×720. Für jedes davon gibt es eine Voreinstellung, einen Klick entfernt.

Wie verwende ich das in CSS?

Wenden Sie die Eigenschaft aspect-ratio auf den Container an — der Rechner gibt die exakte Deklaration aus, zum Beispiel aspect-ratio: 16 / 9. Das Element behält dann bei jeder Breite seine Form, womit der alte Trick mit padding-top in Prozent entfällt.

Warum muss mein Ergebnis eine gerade Zahl sein?

Die meisten Video-Codecs tasten die Farbinformation in 2×2-Blöcken unter, deshalb verlangen Encoder wie H.264 gerade Breite und Höhe und verweigern ungerade Maße oder füllen sie stillschweigend auf. Das Tool warnt Sie, wenn eine berechnete Abmessung ungerade ausfällt.

Verlassen die von mir eingegebenen Maße den Browser?

Nein. Die gesamte Berechnung ist reines JavaScript auf Ihrem Gerät — die Zahlen werden nie hochgeladen, protokolliert oder irgendwo gespeichert.

Verwandte Tools

Lange Links? Kürzen Sie sie kostenlos

Vai.la verwandelt jede URL in einen Kurzlink mit Klick-Statistiken, QR-Code und Ihrem eigenen Biolink.

Vai.la übernimmt keine Verantwortung für die Nutzung der Tools oder für Entscheidungen, die auf ihren Ergebnissen basieren.