Seitenverhältnis-Rechner
Aspect Ratio Calculator
Berechnet die fehlende Abmessung für ein Zielverhältnis und listet die Standardgrößen auf, die dazu passen.
Berechnet die andere Abmessung für ein gegebenes Seitenverhältnis, sagt Ihnen, welchem Standardverhältnis eine Größe entspricht (innerhalb einer Toleranz, weil reale Größen nicht sauber aufgehen), und berechnet die größte Box dieses Verhältnisses, die in eine andere passt.
Seitenverhältnis
HD-Video, die meisten Displays, YouTube.
16:9 · 1,7778:1
Ausrechnen
1920 × 1080
Tatsächliches Verhältnis
1,7778:1
Rundungsfehler
0,000 %
Vorschau
Was diese Größe ist
- 16:90,000 %HD-Video, die meisten Displays, YouTube.
Über eine Toleranz zugeordnet statt über exaktes Kürzen: 1366×768, die meistverkaufte Notebook-Auflösung überhaupt, ist 683:384, und ein exakter Vergleich würde sie gar nichts nennen.
In einen Rahmen einpassen
Größte Passung: 1280 × 720
Auf gerade Pixel gerundet: Das Chroma-Subsampling von H.264 arbeitet in 2×2-Blöcken, und eine ungerade Kantenlänge wird entweder abgelehnt oder stillschweigend aufgefüllt.
Standardgrößen
- 1280×720 · 16:9
- 1920×1080 · 16:9
- 3840×2160 · 16:9
- 1366×768 · 16:9
- 2560×1664
- 1179×2556
- 1080×1080 · 1:1
- 1080×1350 · 4:5
- 1080×1920 · 9:16
- 1200×630 · 1.91:1
- 1280×720 · 16:9
- 2480×3508
- 794×1123
- 2550×3300
So funktioniert es
Legen Sie das Verhältnis fest
Tippen Sie es ein, oder nehmen Sie eine Vorgabe – 16:9, 4:3, 1:1, 9:16, 2.39:1 und die übrigen. Die gekürzte Form und die Dezimalzahl werden daneben angezeigt.
Geben Sie die Seite an, die Sie kennen
Die andere Seite wird berechnet, zusammen mit dem Verhältnis, das Sie nach dem Runden tatsächlich bekommen, und wie weit das von dem entfernt ist, das Sie verlangt haben.
Oder passen Sie es in eine Box ein
Geben Sie den Container an und bekommen Sie die größte Größe Ihres Verhältnisses, die hineinpasst, auf gerade Pixel eingerastet – H.264 arbeitet mit 2×2-Chroma-Blöcken, und eine ungerade Abmessung wird entweder abgelehnt oder stillschweigend aufgefüllt.
Häufige Fragen
Was bedeutet der Rundungsfehler in der Praxis?
Dass ganze Pixel Ihr Verhältnis nicht exakt treffen können. Bei einem Video zeigt sich das nach dem Kodieren als schwarze Haarlinie an einer Kante – besser, man weiß es vor dem Export als danach.
Warum kommt 1366×768 nicht als 16:9 heraus?
Weil es das nicht ist – exakt ist es 683:384. Es ist außerdem die häufigste je ausgelieferte Laptop-Auflösung. Nach Toleranz statt nach exakter Kürzung zuzuordnen ist es, was diesem Werkzeug erlaubt, es 16:9 zu nennen und den Fehler dazu anzuzeigen, und das ist nützlicher, als es gar nichts zu nennen.
Ist `aspect-ratio` in CSS dasselbe?
Es ist das Verhältnis, und der Kopierknopf gibt Ihnen die Deklaration. Was es nicht tut, ist Pixelabmessungen wählen – der Browser bemisst das Element nach seinem Container, was auf einer Seite gewöhnlich ist, was Sie wollen, und für einen Export nie.
Eingabe aus
Farbwähler
Colour Picker
Wählt eine Farbe auf einem OKLCH-Feld, per Bildschirm-Pipette oder aus einem eigenen Bild, und kopiert sie in jeder Notation.
Farbformat-Konverter
Colour Format Converter
Wandelt eine Farbe zwischen HEX, RGB, HSL, HWB, LAB, LCH und OKLCH um und nennt die nächste bekannte Farbe.
Kontrast prüfen
Contrast Checker
Bewertet ein Paar aus Vorder- und Hintergrundfarbe nach WCAG 2 und APCA und schlägt die nächste bestehende Farbe vor.
Palettengenerator
Palette Generator
Baut aus einer Grundfarbe eine harmonische Palette nach Komplementär-, Triaden- und Analogregeln.
Danach
Diese Tools nehmen an, was dieses hier erzeugt, das Ergebnis kann also direkt weiter.
Fluid-Size-Rechner
Fluid Size Calculator
Berechnet einen clamp()-Ausdruck, der eine Größe zwischen zwei Viewport-Breiten gleichmäßig skaliert.
Bild zuschneiden
Image Cropper
Schneidet einen freien Bereich oder einen mit festem Seitenverhältnis aus und kann einfarbige oder transparente Ränder automatisch entfernen.
Bildgröße ändern
Image Resizer
Skaliert Bilder nach Pixeln, Prozent oder einer Ziel-Kantenlänge, mit Sperre für das Seitenverhältnis und Voreinstellungen für die Stapelverarbeitung.
Video zuschneiden und Seitenverhältnis
Video Crop & Aspect
Beschneidet das Bild mit einem verschiebbaren Fenster – fest auf 9:16, 1:1, 16:9, 4:5 oder frei – oder füllt es mit Balken auf ein Zielverhältnis auf und kodiert dann auf Ihrem Gerät neu.
Farbformat-Konverter
Colour Format Converter
Wandelt eine Farbe zwischen HEX, RGB, HSL, HWB, LAB, LCH und OKLCH um und nennt die nächste bekannte Farbe.
Farbwähler
Colour Picker
Wählt eine Farbe auf einem OKLCH-Feld, per Bildschirm-Pipette oder aus einem eigenen Bild, und kopiert sie in jeder Notation.