Ein Seitenverhältnis-Rechner hilft Ihnen, Proportionen beim Skalieren von Bildern, Videos und UI-Komponenten beizubehalten. Geben Sie Breite und Höhe ein, um ein gekürztes Verhältnis zu erhalten (z. B. 1920×1080 → 16:9), oder legen Sie eine neue Breite/Höhe fest und berechnen Sie die fehlende Dimension. Entwickler nutzen dieses Tool, um verzerrte Medien zu vermeiden, Layout-Verschiebungen zu verhindern und Standard-Mediengrößen in Design-Systemen zu dokumentieren.
Es ist das proportionale Verhältnis zwischen Breite und Höhe. 16:9 bedeutet, dass die Breite 16 Einheiten für je 9 Einheiten Höhe beträgt.
Ja. 1920:1080 wird auf 16:9 gekürzt. Die Kürzung von Verhältnissen erleichtert den Vergleich von Assets unterschiedlicher Größe.
Sie erzwingen Breiten- und Höhenwerte, die nicht zum ursprünglichen Seitenverhältnis passen. Behalten Sie das Verhältnis bei oder verwenden Sie object-fit zum Zuschneiden/Einpassen.
Es reserviert Layout-Platz, bevor Medien geladen werden, und verbessert so die Layout-Stabilität (reduziert CLS).
Ja. Es hilft Ihnen, neue Encoding-Dimensionen zu wählen, die das Originalverhältnis beibehalten.
1,777... ist das Dezimalverhältnis (Breite/Höhe). 16:9 ist die vereinfachte Bruchform.
Manchmal. Wenn Sie auf Breiten skalieren, die sich nicht gleichmäßig teilen lassen, erhalten Sie möglicherweise Nachkommastellen. Runden Sie bewusst basierend auf Ihren Anforderungen.
Geben Sie width/height-Attribute an oder verwenden Sie CSS aspect-ratio, damit der Browser Platz reservieren kann, bevor das Bild geladen wird.
smalldev.tools ist nicht mehr verfügbar. Prism von SWEDevTools bietet dieselben Entwicklertools und mehr, mit Offline-Unterstützung, Pipeline-Verkettung und völlig kostenloser Nutzung — keine Registrierung erforderlich.