Seitenverhaeltnis-Rechner
Seitenverhaeltnisse sofort berechnen. Masse konvertieren, fehlende Seiten berechnen und Bildgroessen fuer Social Media 2025/2026 nachschlagen.
Rechner
Fehlende Seite berechnen
Verhaeltnis und eine bekannte Seite eingeben, um die andere zu berechnen.
Du hast gerade Seitenverhaeltnis-Rechner getestet — Probiere als Nächstes Bildschirm-Bildwiederholfrequenz →
Was ist ein Seitenverhältnis-Rechner?
Ein Seitenverhältnis beschreibt die proportionale Beziehung zwischen Breite und Höhe: 16:9 ist der moderne HDTV- / Monitor- / Video-Standard (1920x1080, 2560x1440, 3840x2160); 4:3 war das analoges Fernsehen und Pre-iPhone-Laptop-Format; 21:9 ist das Ultrawide-Kino- und Gaming-Monitor-Verhältnis (auch 2.35:1 genannt); 1:1 ist der Instagram-Quadrat / App-Symbol / Profilbild-Standard; 9:16 ist vertikales Short-Form-Video (TikTok, Reels, YouTube Shorts); 3:2 ist das klassische 35-mm-Film und modernes DSLR-Sensor-Verhältnis; 2:3 ist das Pinterest-Pin-Format. Der Rechner vereinfacht alle Pixelabmessungen zu einem Verhältnis in niedrigsten Termen mittels GCD (1920x1080 -> 16:9 via gcd=120), löst die fehlende Seite auf, wenn du eine Dimension und ein Zielformat kennst (Kreuzmultiplikation: width = height * W/H), und wird mit einer aktuellen Referenztabelle von 2026 mit plattformspezifischen Abmessungen für Instagram, TikTok, YouTube, X, LinkedIn, Pinterest und Threads geliefert — einschließlich des neuen IG Reel-Covers, das als 1080x1920 9:16 und nicht als altes 1:1-Gitter-Thumbnail bereitgestellt wird.
So nutzt du den Seitenverhältnis-Rechner
Öffne den Reiter Calculator. Gib Breite und Höhe in Pixeln ein — das vereinfachte Verhältnis wird live mit angezeigtem GCD angezeigt. Um eine fehlende Seite zu lösen: Gib ein Zielformat (z. B. 16:9 oder 1.78) und eine Dimension ein; die andere wird durch Kreuzmultiplikation berechnet. Die visuelle Vorschau rendert ein skaliertes Rechteck im gewählten Verhältnis, damit du vor dem Exportieren überprüfst. Wechsle zum Reiter Social Media Sizes, um aktuelle Plattformabmessungen mit einem Klick zu kopieren (automatisch aktualisiert gegen die Spezifikationsseite jeder Plattform). Der Reiter CSS Snippet generiert die CSS-Eigenschaftsdeklaration aspect-ratio plus object-fit und object-position Fallbacks für ältere Browser — füg sie direkt in dein Stylesheet ein. Der Image fit Komparator auf der rechten Seite zeigt cover (Kasten füllen, Overflow zuschneiden), contain (Pillarbox zum Anpassen), fill (zum Füllen strecken, verzerrt), scale-down (kleiner von contain/none) und none (keine Größenänderung) nebeneinander auf einem Beispielbild — nützlich, um den richtigen CSS-Wert auszuwählen, wenn Bild- und Container-Verhältnis nicht übereinstimmen.
Warum Seitenverhältnisse für jeden Bildschirm wichtig sind
Unpassende Seitenverhältnisse verursachen die zwei am häufigsten gemeldeten Core Web Vitals Fehler: Cumulative Layout Shift (CLS), wenn ein Bild in einem anderen Verhältnis als vom Platzhalter vorhergesagt geladen wird, und Largest Contentful Paint (LCP), wenn das Hero-Image während des Malens neu angeordnet werden muss. Die Lösung ist die CSS-Eigenschaft aspect-ratio (oder width/height Attribute auf <img>), die es dem Browser ermöglicht, die richtige Box zu reservieren, bevor die Bild-Bytes ankommen. In sozialen Medien schneidet Instagram alles ab, das nicht 4:5 oder 1:1 in der Feed-Ansicht ist; TikTok schneidet alles ab, das nicht 9:16 im For You Feed ist; YouTube Shorts erfordert 9:16 zwischen 1080x1920 und 720x1280 — ein 16:9-Datei-Upload wird mit schwarzen Balken eingefasst und reduziert das Engagement um 30-40% gegenüber einem nativen Verhältnis-Upload (gemäß Meta und TikTok 2024 Creator-Erfolgsberichte). Drucken ist auch unversöhnlich: ein 3:2 Foto auf einen 4:6 Rahmen gedruckt verliert 8% des Bildes durch Bleed, wenn du es nicht vorher zuschneidest. Die Aufgabe des Rechners ist es, die Nichtübereinstimmung zu zeigen, bevor du eine Stunde damit verbringst, sie danach zu beheben.
Haeufige Fragen
Was ist ein Seitenverhaeltnis?
Ein Seitenverhaeltnis ist das proportionale Verhaeltnis zwischen Breite und Hoehe, ausgedrueckt als B:H (z.B. 16:9).
Wie halte ich das Seitenverhaeltnis beim Skalieren bei?
Nutze den Loeser: Gib dein Verhaeltnis und die bekannte Seite ein. Der Rechner berechnet die fehlende Dimension mit Kreuzrechnung.
Welches Seitenverhaeltnis fuer Social Media?
Haengt von der Plattform ab. Instagram quadratische Posts: 1:1, Stories: 9:16, YouTube Thumbnails: 16:9, Twitter/X Posts: 16:9.
Dieses Tool in einem größeren Ablauf nutzen
Diese Sammlungen bündeln die Folge-Tools und Guides, die oft zum selben Job gehören.
Gleiche Tags durchsuchen
Springe zu anderen Tools mit demselben Ablauf, Format oder Anwendungsfall.