Seitenverhältnis-Rechner & CSS-Generator - TikTok/Reels 9:16

Berechnen Sie Seitenverhältnisse und fehlende Abmessungen schnell. Läuft lokal – keine Uploads. Enthält TikTok/Reels 9:16 Voreinstellungen und CSS aspect-ratio Code-Snippets. Berechnen Sie jetzt.

:
16:9
1920px
1080px
 
 
 
 
 
Bedienungsanleitung
 
    

  1. Wählen Sie eine Voreinstellung (9:16, 16:9, 4:5) oder geben Sie ein eigenes Verhältnis ein.
    2. 

  2. Geben Sie entweder Breite oder Höhe ein.
    3. 

  3. Erhalten Sie sofort die fehlende Dimension mit einer Live-Vorschau.
    4. 

  4. Kopieren Sie den generierten CSS-Code aspect-ratio für Ihr Layout.
    5. 



 
 
 
Kernfunktionen
 
    

  • TikTok/Reels (9:16): Verwenden Sie vertikale Voreinstellungen, um die Abmessungen von Social-Videos schnell zu validieren.
    • 

  • CSS-aspect-ratio generieren: Erstellen Sie im Handumdrehen moderne CSS-Code-Snippets für aspect-ratio.
    • 

  • Fehlende Dimension berechnen: Berechnen Sie Breite oder Höhe automatisch, während das Verhältnis beibehalten wird.
    • 

  • Visuelle Vorschau: Betrachten Sie das Verhältnis in einem reaktiven Rechteck in Echtzeit.
    • 

  • Datenschutz: Alles läuft lokal in Ihrem Browser.
    • 



 
 
 
Verwandte Tools
 
  
Lorem-Ipsum-Generator (JSON/HTML) - CJK- & Entwickler-Ausgabe
 
Generieren Sie Lorem Ipsum als Text, HTML <p> oder JSON-Arrays. Lokal, keine Uploads. Enthält chinesischen Platzhaltertext und variable Längeneinstellungen. Jetzt generieren.
  
Farbkonverter (HEX/RGB/CMYK) - WCAG-Kontrastprüfer
 
Konvertieren Sie HEX, RGB, HSL und CMYK mit einem integrierten WCAG-Kontrastprüfer. Lokaler Datenschutz – keine Uploads. Erhalten Sie druckfertige CMYK-Werte und kopieren Sie Ergebnisse jetzt.
  
Kostenloser Bild-Farbpicker & Farbpaletten-Generator
 
Wählen Sie ein Bild aus, ziehen Sie es per Drag-and-Drop hinein oder fügen Sie es aus der Zwischenablage ein, um Pixel-Farben lokal auszuwählen, HEX/RGB/HSL-Werte zu kopieren und eine Palette der dominanten Farben zu generieren.
  
 
 
 
Berechnungslogik
 
    

  • Formel:
[
H = W \times \frac{r_H}{r_W}
]
oder
[
W = H \times \frac{r_W}{r_H}
]
    • 

  • CSS-Beispiel:
[
\text{aspect-ratio}: \frac{16}{9}
]
    • 



 
 
 
Häufig gestellte Fragen
 
Was ist das optimale Seitenverhältnis für TikTok und Reels?


Der Standard ist 9:16 (vertikal). Eine gängige Auflösung ist 1080×1920. Verwenden Sie die 9:16-Voreinstellung, um Ihre Abmessungen zu überprüfen.


Wie verwende ich aspect-ratio in CSS?


Verwenden Sie aspect-ratio: 16/9;. Wir generieren das Snippet und hilfreiche Fallbacks für Ihr Layout.


Sind meine Daten sicher (lokal/Datenschutz)?


Ja. Die Berechnungen erfolgen ausschließlich lokal ohne Uploads oder Server-Speicherung.


Ist das Tool kostenlos? Kann ich es geschäftlich nutzen?


Es ist kostenlos und eignet sich hervorragend für Creator und Teams zur Abstimmung von Video- und UI-Abmessungen.


Warum sehe ich Abweichungen von 1–2 Pixeln?


Einige Abmessungen erfordern eine Rundung auf ganze Pixel. Wir runden auf die nächste ganze Zahl ab, während wir das Verhältnis so genau wie möglich beibehalten.