Seitenverhältnis-Rechner

Berechnen Sie Dimensionen und Verhältnisse für Bilder, Videos und Bildschirme genau.

Der Seitenverhältnis-Rechner hilft Ihnen, das proportionale Verhältnis zwischen Breite und Höhe für jedes Bild, Video oder jede Bildschirmauflösung zu bestimmen. Ob Sie Inhalte für YouTube, Instagram oder Kino vorbereiten — dieses Tool berechnet sofort die korrekten Abmessungen, damit Ihre Medien ohne Verzerrung, Beschnitt oder schwarze Balken angezeigt werden. Die Verarbeitung erfolgt lokal in Ihrem Browser.

Scaling viewport matrix...
Deine Daten bleiben in deinem Browser
War dieses Tool hilfreich?
Anleitung

So verwenden Sie den Rechner

1
1

Basismaße eingeben

Geben Sie die Originalbreite und -höhe ein, um das Seitenverhältnis zu erhalten (z. B. 1920x1080).

2
2

Auf neue Größe skalieren

Ändern Sie die Breite oder Höhe, um die andere Dimension automatisch unter Beibehaltung der Proportionen zu berechnen.

3
3

Voreinstellungen verwenden

Wählen Sie Standardverhältnisse wie 16:9, 4:3 oder 1:1, um Ihre Dimensionen schnell anzupassen.

Guide

Vollständiger Leitfaden zu Seitenverhältnissen

Was ist ein Seitenverhältnis?

Ein Seitenverhältnis beschreibt das proportionale Verhältnis zwischen Breite und Höhe, üblicherweise als zwei Ganzzahlen mit Doppelpunkt ausgedrückt, wie 16:9 oder 4:3. Es ist eines der grundlegendsten Konzepte in visuellen Medien und bestimmt alles — von der Filmrahmung bis zur Darstellung eines Social-Media-Thumbnails. Das Verständnis von Seitenverhältnissen stellt sicher, dass Ihre Bilder und Videos auf jedem Gerät korrekt ohne Verzerrung oder Letterboxing angezeigt werden.

Warum Seitenverhältnisse in digitalen Medien wichtig sind

Jede Plattform erzwingt spezifische Anforderungen. YouTube empfiehlt 16:9, Instagram verwendet 1:1 für Feed-Beiträge und 9:16 für Stories, Kinostandards reichen von 1.85:1 bis 2.39:1. Passt Ihr Inhalt nicht, beschneidet die Plattform wichtige Teile oder fügt schwarze Balken hinzu. Die richtige Wahl von Anfang an spart Bearbeitungszeit und bewahrt Ihre kreative Vision.

Gängige Seitenverhältnisse und ihre Verwendung

Die häufigsten sind 16:9 (Breitbildmonitore, YouTube, TV), 4:3 (traditionelles Fernsehen, Tablets), 1:1 (Instagram-Quadrate, Profilbilder), 9:16 (TikTok, Stories, Snapchat), 21:9 (Ultrawide, Kino) und 3:2 (DSLR-Fotografie, 35mm-Film). Jedes hat Stärken je nach Medium; 9:16 maximiert die Fläche auf vertikal gehaltenen Mobilgeräten, während 16:9 der Desktop-Standard ist.

Best Practices

Entscheiden Sie immer über Ihr Zielverhältnis vor dem Filmen oder Entwerfen. Sperren Sie beim Resize das Verhältnis — unser Rechner tut dies automatisch. Exportieren Sie in der höchsten unterstützten Auflösung und bewahren Sie Originale auf. Für responsives Webdesign verwenden Sie die CSS-Eigenschaft aspect-ratio oder padding-bottom-Techniken für flüssige Proportionen.

Examples

Durchgerechnete Beispiele

Beispiel: 4K-Video auf 1080p verkleinern

Gegeben: 3840 × 2160 (16:9). Zielhöhe: 1080 Pixel.

1

Schritt 1: Verhältnis identifizieren — 3840 ÷ 2160 = 1,778 (16:9).

2

Schritt 2: Zielhöhe × Verhältnis — 1080 × 1,778 = 1920.

3

Schritt 3: Neue Abmessungen 1920 × 1080 bei 16:9 bestätigen.

Ergebnis: Das Video hat 1920 × 1080 px mit beibehaltenem 16:9-Verhältnis.

Beispiel: Instagram-Quadrat aus Querformat-Foto

Gegeben: Foto 1800 × 1200. Zielverhältnis: 1:1.

1

Schritt 1: Begrenzende Dimension ist die Höhe (1200 px).

2

Schritt 2: Breite auf Höhe zuschneiden — 1200 × 1200.

3

Schritt 3: Ergebnis ist ein perfektes 1:1-Quadrat.

Ergebnis: Ein 1200 × 1200 px Quadratzuschnitt für Instagram.

Anwendungsfälle

Häufige Anwendungsfälle

Videobearbeitung

Berechnen Sie die korrekten Abmessungen für den Export von Videos in verschiedenen Formaten wie TikTok, YouTube oder Kino. Dies ist essentiell bei der Vorbereitung mehrerer Auflösungsvarianten für Streaming-Plattformen, bei denen jede Stufe denselben Bildausschnitt beibehalten muss, um ein konsistentes Seherlebnis auf allen Geräten und Bildschirmgrößen zu gewährleisten.

Responsives Webdesign

Stellen Sie sicher, dass Ihre Bilder und Container das richtige Verhältnis auf jeder Bildschirmgröße beibehalten. Falsche Verhältnisse in responsiven Designs verursachen Inhaltsverschiebungen, fehlerhafte Layouts und schlechte Core Web Vitals-Werte. Die vorherige Berechnung ermöglicht präzise CSS-aspect-ratio-Eigenschaften und vermeidet kostspielige Nacharbeit in der QA-Phase.

Häufig gestellte Fragen

?Was ist ein Seitenverhältnis und warum ist es wichtig?

Es ist das Verhältnis zwischen Breite und Höhe, wie 16:9. Falsche Verhältnisse verursachen Verzerrung, Beschnitt oder schwarze Balken und beeinträchtigen die Qualität.

?Ist dieser Rechner kostenlos?

Ja, völlig kostenlos ohne Registrierung, Wasserzeichen oder Limits. Alle Berechnungen erfolgen im Browser ohne Serverkommunikation.

?Speichert dieses Tool meine Daten?

Nein. Alles läuft lokal in Ihrem Browser. Keine Daten werden an Server übertragen oder gespeichert.

?Welches Verhältnis für YouTube?

YouTube empfiehlt 16:9 (1920×1080, 2560×1440, 3840×2160). Für Shorts: 9:16 (1080×1920).

?Wie berechne ich die Breite bei bekannter Höhe?

Geben Sie Verhältnis (z.B. 16:9) und Höhe ein. Der Rechner berechnet die Breite automatisch. Bei 16:9 und 1080px Höhe ist die Breite 1920px.

?Bestes Verhältnis für Instagram?

Feed: 1:1 (1080×1080) oder 4:5 (1080×1350). Stories und Reels: 9:16 (1080×1920). Alle Voreinstellungen sind enthalten.

?Für Druckmedien verwendbar?

Ja. Geben Sie Abmessungen in beliebigen Einheiten ein, das Tool berechnet das Verhältnis für Fotos, Poster und Marketingmaterialien.

?Was passiert bei falschem Verhältnis?

Die Plattform fügt schwarze Balken hinzu oder beschneidet Ihr Video. Beides verringert Qualität und Engagement. Das richtige Verhältnis von Anfang an verhindert dies.

Hilf uns besser zu werden

Wie gefällt Ihnen dieses Tool?

Jedes Tool bei Kitmul wird auf Basis echter Nutzeranfragen gebaut. Ihre Bewertung und Ihre Vorschläge helfen uns, Bugs zu beheben, fehlende Funktionen hinzuzufügen und die Tools zu bauen, die Sie wirklich brauchen.

Dieses Tool bewerten

Tippen Sie auf einen Stern, um uns zu sagen, wie nützlich dieses Tool für Sie war.

Vorschlag machen oder Bug melden

Eine Funktion fehlt? Einen Bug gefunden? Haben Sie eine Idee? Sagen Sie es uns und wir schauen es uns an.

Ähnliche Tools

Empfohlene Lektüre

Empfohlene Bücher über Videoproduktion und Bildgestaltung

Als Amazon-Partner verdienen wir an qualifizierten Verkäufen.

Erweitern Sie Ihre Fähigkeiten

Professionelle Produkte für besseres Design

Als Amazon-Partner verdienen wir an qualifizierten Verkäufen.

Newsletter

Erhalte Produktivitätstipps und Neue Tools Zuerst

Schließe dich Machern und Entwicklern an, die Datenschutz schätzen. Jede Ausgabe: neue Tools, Produktivitäts-Hacks und Updates — kein Spam.

Prioritätszugang zu neuen Tools
Jederzeit abbestellen, ohne Rückfragen