Seitenverhältnis-Rechner für Bild und Video

Das Seitenverhältnis ist die Beziehung zwischen Breite und Höhe. Bleibt es konstant, sieht ein skaliertes Bild in jeder Größe richtig aus; ändert es sich, ist alles gestreckt oder gestaucht — eine Verzerrung, die Menschen sofort bemerken, auch wenn sie sie nicht benennen können.

Die Rechnung ist trivial und wird trotzdem oft falsch gemacht, meistens weil eine Kantenlänge zwischendurch gerundet wurde. Gib dein Verhältnis und die Seite ein, die du kennst, und die passende Seite wird berechnet — dazu eine Referenztabelle mit gängigen Breiten und der jeweils richtigen Höhe.

So benutzt du das Tool

Wähl eine Vorlage oder tipp dein eigenes Verhältnis in die beiden Verhältnisfelder.
Tipp die gewünschte Breite ein; die Höhe aktualisiert sich. Tipp stattdessen eine Höhe ein, und die Breite folgt.
Prüf am Vorschaurechteck, ob die Form wirklich die erwartete ist.
Nimm die Tabelle mit den üblichen Breiten, wenn du dasselbe Motiv in mehreren Größen ausgibst.

Beispiel aus der Praxis

Ein Hero-Bild skalieren

Dein Entwurf verlangt ein 16:9-Banner und der Container ist 1440 Pixel breit. 1440 eingegeben ergibt 810 Pixel Höhe. Genau so zu exportieren verhindert, dass der Browser das Bild skaliert und dabei weichzeichnet.

Ein Hochkantvideo aus Querformat-Material

Du brauchst 9:16 für eine Handy-Platzierung und dein Ausgangsmaterial ist 1920×1080. Bei 1080 Breite ergibt sich 1920 Höhe — das Bild muss also neu komponiert und nicht bloß skaliert werden. Die Vorschau macht das Ausmaß des Beschnitts klar, bevor du anfängst.

Typische Anwendungsfälle

Bilder für ein responsives Layout skalieren
Video in der richtigen Bildgröße für eine Plattform exportieren
Open-Graph- und Social-Share-Bilder dimensionieren
Einen Entwurf auf eine andere Bildschirm- oder Druckgröße bringen
CSS-aspect-ratio-Boxen setzen, damit Layouts beim Bildladen nicht springen
Vor Arbeitsbeginn prüfen, ob ein Beschnitt nötig ist

Häufige Fehler

Zwischendurch runden — Runde nur die letzte Zahl. Ein gerundeter Zwischenwert verschiebt das Verhältnis und zeigt sich als Ein-Pixel-Lücke im Raster.
Annehmen, Breitbild heißt 16:9 — Kino ist oft 21:9 oder 2,39:1. Das eine ins andere zu bringen bedeutet schwarze Balken oder Beschnitt.
Seitenverhältnis mit Auflösung verwechseln — 1280×720 und 1920×1080 sind beide 16:9. Das Verhältnis ist die Form, die Auflösung die Detailmenge.
Die Pixeldichte vergessen — Ein Bild, das auf einem hochauflösenden Display 400 Pixel breit dargestellt wird, muss mit 800 exportiert werden, damit es scharf aussieht.

Häufige Fragen

Was bedeutet 16:9 eigentlich?

Auf 16 Einheiten Breite kommen 9 Einheiten Höhe — ein Verhältnis, keine Größe. Es ist der Standard für Fernsehen, die meisten Videoplattformen und nahezu alle Monitore.

Welches Verhältnis nehme ich für Social-Bilder?

1200×630 (etwa 1,91:1) für Open-Graph-Linkvorschauen, 1:1 für quadratische Feed-Posts, 9:16 für formatfüllende Stories und Kurzvideos. Für jedes gibt es hier eine Vorlage.

Wie bringe ich ein 4:3-Foto in eine 16:9-Fläche?

Entweder oben und unten beschneiden oder mit Balken an den Seiten einpassen. Beides gleichzeitig geht nicht — Strecken ist die eine Option, die du meiden solltest.

Welches Verhältnis hat A4-Papier?

210:297, also 1:√2. Alle ISO-A-Formate teilen es, deshalb ergibt ein halbiertes A4-Blatt zwei A5-Blätter mit exakt denselben Proportionen.

Warum sieht mein skaliertes Bild unscharf aus?

Meist, weil es über seine ursprüngliche Auflösung hinaus vergrößert oder auf einem hochauflösenden Display in CSS-Größe exportiert wurde. Exportier für Retina-Bildschirme in doppelter Anzeigegröße.

Kann ich ein Dezimalverhältnis wie 2,39 benutzen?

Ja — schreib 2.39 ins erste Feld und 1 ins zweite. Das gekürzte Verhältnis und der Dezimalwert werden beide angezeigt.

Zuletzt aktualisiert 2026-09-15