Seitenverhältnis-Rechner
Bild- und Video-Seitenverhältnisse berechnen
Wie man Seitenverhältnis-Rechner benutzt
Bild- und Video-Seitenverhältnisse berechnen Kostenloses Online-Tool, ohne Anmeldung, ohne aufdringliche Werbung. Jetzt nutzen.
Wofür wird das Seitenverhältnis benötigt?
Das Seitenverhältnis ist das proportionale Verhältnis zwischen Breite und Höhe. Es bestimmt, wie ein Bild, ein Video oder ein Bildschirm erscheint — zu breit oder zu hoch, und Inhalte werden abgeschnitten oder mit schwarzen Balken versehen. Es zu beherrschen ist essenziell für Design, Videoproduktion und Webentwicklung.
- Videoproduktion: 16:9 ist der Standard für YouTube, Fernsehen und Präsentationen. 9:16 ist das vertikale Format für Instagram Reels, TikTok und YouTube Shorts. 1:1 ist quadratisch — für Instagram-Posts und Profilfotos. Das falsche Verhältnis zu verwenden führt zu abgeschnittenen Videos oder schwarzen Balken auf den Plattformen.
- Fotografie: Berechnen Sie Zuschneide-Abmessungen, ohne das Bild zu verzerren. Wenn Sie ein OG-Bild von 1200×630 aus einem Foto von 4000×3000 benötigen, finden Sie den optimalen Zuschnitt.
- Webentwicklung: Behalten Sie konsistente Proportionen in responsiven Layouts bei. Berechnen Sie den CSS-Padding-Top-Trick für eingebettete responsive Videos:
padding-top: 56.25%für 16:9. - Grafikdesign und Druck: Skalieren Sie Grafiken für verschiedene Druckformate (DIN A4, A3, Querformat) unter Beibehaltung der Originalproportionen ohne Verzerrung.
- Bildschirmvergleich: Vergleichen Sie Monitore, Telefone und Tablets — ein 27-Zoll-16:9-Monitor hat eine sehr andere nutzbare Fläche als ein 27-Zoll-4:3-Monitor trotz gleicher Diagonale.
Häufige Seitenverhältnisse: 16:9 (Widescreen-Video — universeller YouTube- und TV-Standard), 4:3 (klassischer TV/Monitor), 1:1 (quadratisch — Instagram), 3:2 (35-mm-Foto — Spiegelreflex- und spiegellose Kameras), 2.39:1 (Kinoformat), 9:16 (vertikal mobil — Reels und TikTok).
Frequently Asked Questions
Wie berechne ich das Seitenverhältnis aus Pixelabmessungen?
Teilen Sie die Breite durch die Höhe und vereinfachen Sie den Bruch mit dem größten gemeinsamen Teiler (ggT). Für 1920×1080: ggT(1920,1080)=120, also 1920/120=16 und 1080/120=9 — ergibt 16:9. Die große Mehrheit moderner Auflösungen entspricht 16:9.
Was ist der CSS-Padding-Top-Trick für responsive Videos?
Setzen Sie den Container auf position:relative und padding-top gleich dem Prozentsatz des Seitenverhältnisses (Höhe/Breite × 100). Für 16:9: padding-top:56.25%. Das Video darin ist position:absolute und füllt den Container — dies hält das Verhältnis bei jeder Breite ohne JavaScript.
Welche Auflösung sollte ich für ein 16:9-Video verwenden?
Standard: 1280×720 (720p). Full HD: 1920×1080 (1080p). 4K UHD: 3840×2160. Für YouTube-Miniaturansichten: mindestens 1280×720. Laden Sie immer in der höchsten Qualität hoch, die Ihr Workflow erlaubt — Plattformen komprimieren, verbessern aber nie die Originalqualität.
Warum haben alte Filme schwarze Balken auf modernen Bildschirmen?
In 4:3 (1,33:1) gedrehte Filme füllen 16:9-Bildschirme nicht aus. Schwarze Balken (Pillarboxing) erscheinen an den Seiten. Umgekehrt hat Kinoinhalt im Format 2.39:1 horizontale schwarze Balken (Letterboxing) auf 16:9-Bildschirmen.
Welches Seitenverhältnis für Social-Media-Bilder?
Facebook-Feed: 1.91:1 oder 1:1. Instagram-Feed: 1:1 (Quadrat) oder 4:5 (Hochformat — nimmt mehr Feed-Platz ein). Instagram Stories/Reels: 9:16. Twitter/X: 16:9. LinkedIn: 1.91:1. Pinterest: 2:3 (Hochformat performt besser). Überprüfen Sie immer die aktuellen Spezifikationen jeder Plattform.
Seitenverhältnisrechner vs. Bildgrößenänderung vs. Zuschneidewerkzeug
Ein Seitenverhältnisrechner berechnet Abmessungen mathematisch — er sagt Ihnen, welche Größe Sie verwenden sollen. Ein Bildgrößenänderungsprogramm ändert tatsächlich die Pixelabmessungen einer Bilddatei. Ein Zuschneidewerkzeug (Photoshop, GIMP, Canva) entfernt Teile des Bildes, um ein Zielverhältnis zu erreichen. Verwenden Sie den Rechner zuerst zur Planung Ihrer Abmessungen, dann wenden Sie diese mit einem Bildbearbeitungstool an.