Seitenverhaeltnis-Rechner: Verstehen von Breiten-Hoehen-Verhaeltnissen
Meistere Seitenverhaeltnisse fuer Video, Bilder und responsives Design. Berechne Abmessungen praezise fuer jeden Bildschirm.
Das Seitenverhaeltnis ist die proportionale Beziehung zwischen Breite und Hoehe. 16:9 ist die universelle Sprache moderner Bildschirme.
Das Verstehen von Seitenverhaeltnissen verhindert die haeufigsten Layout-Fehler: verzerrte Bilder, Letterbox-Video und kaputte responsive Container.
Was ist das Seitenverhaeltnis
Ein Seitenverhaeltnis drueckt die proportionale Beziehung zwischen Breite und Hoehe als zwei durch einen Doppelpunkt getrennte Ganzzahlen aus.
Kostenloses Tool Seitenverhältnis-Rechner Berechne Abmessungen und konvertiere zwischen SeitenverhältnissenHaeufige Verhaeltnisse (16:9, 4:3, 9:16, 1:1, 21:9)
16:9 (Widescreen) ist der Standard fuer HD-Video und YouTube. 4:3 ist der alte Fernsehstandard. 9:16 ist das Hochformat fuer Mobile. 1:1 ist quadratisch. 21:9 fuer Kino.
Abmessungen berechnen
Um die Hoehe aus Breite und Verhaeltnis zu berechnen: Hoehe = Breite mal (Verhaeltnis_Hoehe / Verhaeltnis_Breite). Fuer 16:9 bei 1280px Breite: Hoehe = 1280 mal (9/16) = 720px.
Kostenloses Tool CSS-Einheiten-Konverter Konvertiere zwischen px, rem, em, vh, vw und mehrCSS aspect-ratio Eigenschaft
Die CSS aspect-ratio Eigenschaft erzwingt proportionale Groessenaenderung: aspect-ratio: 16 / 9 laesst ein Element das 16:9-Verhaeltnis beibehalten.
Responsive Bilder und Videos
Fuer responsive Video-Embeds wrappst du das iframe in einen Container mit aspect-ratio: 16/9.
Social-Media-Formate
Jede Plattform hat bevorzugte Verhaeltnisse: Facebook-Feed 1.91:1, Instagram-Feed 4:5 oder 1:1, Instagram Story 9:16, YouTube-Thumbnail 16:9.
Kostenloses Tool PX zu REM Konverter Konvertiere Pixelwerte in rem-Einheiten für responsives Design