Seitenverhältnis-Rechner

So funktioniert es

1. Wähle ein Preset oder gib ein eigenes Verhältnis ein.
2. Ändere Breite oder Höhe bei aktivierter Sperre.
3. Verwende die berechneten Maße für dein Design.

Über dieses Werkzeug

Das Seitenverhältnis beschreibt die Beziehung zwischen Breite und Höhe eines Bildes, Videos, einer Zeichenfläche oder eines responsiven Containers. Es wird als zwei durch einen Doppelpunkt getrennte Zahlen geschrieben, etwa 16:9, und ist unabhängig von der absoluten Pixelgröße. Dieser Rechner hilft dabei, die Beziehung beim Ändern einer Dimension beizubehalten. Wähle ein gängiges Preset für Breitbildvideo, klassische Displays, quadratische Grafiken, Stories im Hochformat, Kinobanner oder Fotos. Für besondere Markenformate kannst du ein eigenes Verhältnis eingeben. Ist die Sperre aktiv, berechnet eine Änderung der Breite automatisch die passende Höhe und umgekehrt. Das Ergebnis wird auf ganze Pixel gerundet, was für exportierte Grafiken meist sinnvoll ist. Die Social-Media-Vorschläge sind Startwerte; Plattformen ändern ihre Spezifikationen, deshalb sollten aktuelle Vorgaben vor der Veröffentlichung geprüft werden. Das richtige Verhältnis verhindert Verzerrungen und unerwartete Zuschnitte. Die Pixelgröße beeinflusst Schärfe und Dateigewicht unabhängig vom Verhältnis. Im Web lässt sich die Form mit CSS aspect-ratio bewahren, während die Containerbreite die tatsächliche Höhe bestimmt. Für Drucksachen müssen Anschnitt und Endformat zusätzlich berücksichtigt werden. Alle Berechnungen laufen lokal und eignen sich für Vorschaubilder, Kampagnen, Produktseiten, Profilgrafiken und Video-Storyboards. Prüfe bei der finalen Ausgabe außerdem sichere Ränder für Text und Logos, denn Plattformen können Bilder trotz korrekter Proportion beschneiden. Ein kurzer Testexport zeigt, ob das gewünschte Verhältnis auch im tatsächlichen Container erhalten bleibt. Dokumentiere das Verhältnis zusammen mit dem geplanten Ausgabeformat, damit Design- und Entwicklungsteams dieselbe Geometrie verwenden. Bei responsiven Komponenten kann ein festes Verhältnis außerdem Platz reservieren, bevor das Bild geladen ist.

Häufige Fragen

Ähnliche Werkzeuge