Höhe aus einer neuen Breite
H' = W' × h ÷ w
Wird von der Schaltfläche Höhe berechnen verwendet.
Seitenverhältnis-Rechner
Berechne fehlende Abmessungen und Seitenverhältnisse schnell und direkt im Browser.
Referenzabmessungen
Zielabmessung
Gib nur positive Abmessungen ein.
Vereinfachtes Verhältnis
Proportionale Abmessungen
War dieses Werkzeug hilfreich?
Wie funktioniert dieses Tool?
Das Seitenverhältnis beschreibt die Form eines Rechtecks: 16:9 für HD-Video, 3:2 für ein Foto aus der Spiegelreflexkamera, 1:1 für ein quadratisches Bild. Dieser Rechner findet die Breite oder Höhe, die das Verhältnis exakt beibehält, wenn du eine Seite änderst – zum Skalieren eines Bildes, für einen Videoexport oder um auf einer Webseite Platz für ein Bild zu reservieren, ohne etwas zu verzerren.
Das Referenzverhältnis stammt aus einem gängigen Seitenverhältnis (16:9, 4:3, 3:2, 1:1 oder 9:16) oder aus zwei Werten, die du in Referenzbreite und Referenzhöhe einträgst. Das können die Pixel eines vorhandenen Bildes sein (6000 × 4000) oder ein Dezimalverhältnis wie 2,39 × 1 für das Kinoformat.
Trage dann die Neue Breite ein und klicke auf Höhe berechnen, oder trage die Neue Höhe ein und klicke auf Breite berechnen. Die andere Seite ergibt sich per Dreisatz und wird auf das nächste ganze Pixel gerundet, mindestens 1 px.
Das Vereinfachte Verhältnis kürzt die Referenz auf die kleinsten ganzen Zahlen: 1920 × 1080 ergibt 16:9, 6000 × 4000 ergibt 3:2 und 2,39 × 1 ergibt 239:100. Es wird nichts geladen oder verändert: Das Tool rechnet nur mit Zahlen.
So verwenden Sie dieses Tool
Verhältnis festlegen
Wähle ein gängiges Seitenverhältnis oder trage Referenzbreite und -höhe ein.
Bekannte Seite eingeben
Trage die neue Breite oder die neue Höhe in Pixeln ein.
Andere Seite berechnen
Klicke auf Höhe berechnen oder Breite berechnen und lies die proportionalen Abmessungen ab.
Seitenverhältnis beibehalten
Zwei Rechtecke haben dieselbe Form, wenn ihre Seiten proportional sind; die fehlende Seite folgt aus dem Dreisatz.
Breite aus einer neuen Höhe
W' = H' × w ÷ h
Wird von der Schaltfläche Breite berechnen verwendet.
Vereinfachtes Verhältnis
w:h = (w ÷ ggT) : (h ÷ ggT)
Beide Seiten werden durch ihren größten gemeinsamen Teiler geteilt; ein Dezimalverhältnis wird vorher mit einer Zehnerpotenz multipliziert.
- w, h
- Referenzbreite und -höhe
- W', H'
- neue Breite und neue Höhe
- ggT
- größter gemeinsamer Teiler von w und h
Anwendungsfälle
Foto verkleinern
Ermittle die genaue Höhe eines 3:2-Fotos, das vor dem Export auf 1200 px Breite verkleinert wird.
Hochkant-Video vorbereiten
Berechne die Breite eines 9:16-Videos mit 1920 px Höhe für eine Story oder ein Short.
Platz auf einer Webseite reservieren
Lege die Höhe eines Bildbereichs per CSS fest, damit das Layout beim Laden nicht springt.
Beispiele
Foto mit 6000 × 4000 auf 1200 px Breite
H' = 1200 × 4000 ÷ 6000 = 800. Das Foto behält seine Form; mit 900 px Höhe wäre es senkrecht gestreckt worden.
Eingabe
Referenzbreite 6000, Referenzhöhe 4000, neue Breite 1200Ergebnis
Vereinfachtes Verhältnis 3:2; proportionale Abmessungen 1200 × 800Kinoformat 2,39:1 in Full HD
1920 ÷ 2,39 = 803,35, gerundet auf 803 px. Das Dezimalverhältnis wird ohne vorheriges Runden gekürzt, daher 239:100 und nicht 2:1.
Eingabe
Referenzbreite 2,39, Referenzhöhe 1, neue Breite 1920Ergebnis
Vereinfachtes Verhältnis 239:100; proportionale Abmessungen 1920 × 803Tipps und bewährte Vorgehensweisen
- Willst du von einem vorhandenen Bild ausgehen, trage seine Pixelmaße als Referenz ein: Das vereinfachte Verhältnis zeigt dir sein Format.
- Nimm für Videos Maße, die durch 2 oder sogar durch 8 teilbar sind: Viele Encoder verlangen das oder komprimieren so besser.
- Das Runden auf ganze Pixel kann das Verhältnis minimal verschieben: 803 px statt 803,35 ergibt 2,391:1, ohne sichtbaren Unterschied.
- Muss das Bild seine Form ändern (von 4:3 auf 16:9), reicht die Rechnung nicht: Schneide es zu oder ergänze Ränder mit einem passenden Tool.
Quellen und Referenzen
- Weisstein E.W., Ratio (öffnet in einem neuen Tab), Wolfram MathWorldSeite auf Englisch
- Weisstein E.W., Greatest Common Divisor (öffnet in einem neuen Tab), Wolfram MathWorldSeite auf Englisch
Häufig gestellte Fragen
Was ist ein Seitenverhältnis?
Das Verhältnis von Breite zu Höhe, geschrieben als Breite:Höhe. 16:9 bedeutet 16 Einheiten breit und 9 hoch, unabhängig von der tatsächlichen Größe.
Welche gängigen Seitenverhältnisse gibt es?
16:9, 4:3, 3:2, 1:1 und 9:16. Für jedes andere Verhältnis gibst du eigene Werte ein, die Liste springt dann auf Benutzerdefiniert.
Kann ich ein Dezimalverhältnis wie 2,39:1 verwenden?
Ja. Gib 2,39 und 1 als Referenz ein; das vereinfachte Verhältnis lautet dann 239:100, und die Rechnung bleibt bis zum letzten Runden exakt.
Warum wird das Ergebnis gerundet?
Bilder werden in ganzen Pixeln gemessen. Das Tool rundet auf das nächste Pixel und geht nie unter 1 px.
Was ist der Unterschied zwischen 16:9 und 1920 × 1080?
1920 × 1080 ist eine Größe, 16:9 ihre Form. 1280 × 720 und 3840 × 2160 haben dasselbe Verhältnis 16:9 bei unterschiedlicher Größe.
Verändert das Tool ein Bild?
Nein. Es berechnet nur Zahlen; um die Maße anzuwenden, nutze das Tool zum Ändern der Bildgröße.
Verwandte Werkzeuge
Mit diesen Werkzeugen weitermachen
Werkzeuge, die diesem ähnlich sind oder es ergänzen.
Ähnliche Werkzeuge
Ändere die Abmessungen eines Bildes schnell und ohne Upload.
Bilder & GrafikenEmpfohlenDieses Werkzeug verwenden
Ziehe einen Rahmen auf dem Bild auf, lege ein Seitenverhältnis fest (1:1, 4:5, 16:9 …) und lade den Ausschnitt herunter.
Bilder & GrafikenEmpfohlenDieses Werkzeug verwenden
Vergrößere oder verkleinere die Leinwand um ein Bild, ohne dessen Inhalt zu skalieren.
Bilder & GrafikenDieses Werkzeug verwenden
Auch interessant
LeitfadenBewährte MethodenFortgeschritten
Bilder für Webperformance optimieren
Verbinde Dimensionen, Format, Kompression, responsive Quellen, Ladepriorität und Layoutstabilität zu einem vollständigen Web-Image-Workflow.
31. August 20265 min
LeitfadenBewährte MethodenFortgeschritten
Responsive Bilder: `srcset` und `sizes` verstehen
Lerne, wie Browser mit srcset und sizes eine passende Bildquelle nach Viewport, Layout und Pixeldichte auswählen und unnötige Downloads vermeiden.
31. August 20265 min
LeitfadenKonzepte und TechnologienAnfänger
Welche Auflösung sollte ein Bild haben?
Verstehe den Unterschied zwischen Pixelmaßen, CSS-Anzeigegröße, Pixeldichte und DPI und wähle passende Bildabmessungen für Web und Bildschirm.
31. August 20266 min