# Seitenverhaeltnis-Rechner

> Kostenloser Seitenverhaeltnis-Rechner. Breite x Hoehe in Verhaeltnis umrechnen, fehlende Masse berechnen, aktuelle Bildgroessen fuer Instagram, TikTok, YouTube und mehr finden.

- **Category:** Rechner
- **URL:** https://www.teafun.cyou/tools/aspect-ratio/
- **Privacy:** Runs entirely in your browser — no uploads, no account, no tracking.
- **Also known as:** resize ratio, image ratio, width height ratio
- **Related tools:** [Bildschirm-Bildwiederholfrequenz](https://www.teafun.cyou/tools/monitor/), [Grundriss-Tool](https://www.teafun.cyou/tools/floor-plan/), [Rechnungsgenerator](https://www.teafun.cyou/tools/invoice-generator/)
- **Tags:** Display, Design, Layout

## About

Seitenverhaeltnisse sofort berechnen. Masse konvertieren, fehlende Seiten berechnen und Bildgroessen fuer Social Media 2025/2026 nachschlagen.

## So nutzt du den Seitenverhältnis-Rechner

Öffne den Reiter **Calculator**. Gib Breite und Höhe in Pixeln ein — das vereinfachte Verhältnis wird live mit angezeigtem GCD angezeigt. Um eine fehlende Seite zu lösen: Gib ein Zielformat (z. B. `16:9` oder `1.78`) und eine Dimension ein; die andere wird durch Kreuzmultiplikation berechnet. Die visuelle Vorschau rendert ein skaliertes Rechteck im gewählten Verhältnis, damit du vor dem Exportieren überprüfst. Wechsle zum Reiter **Social Media Sizes**, um aktuelle Plattformabmessungen mit einem Klick zu kopieren (automatisch aktualisiert gegen die Spezifikationsseite jeder Plattform). Der Reiter **CSS Snippet** generiert die CSS-Eigenschaftsdeklaration `aspect-ratio` plus `object-fit` und `object-position` Fallbacks für ältere Browser — füg sie direkt in dein Stylesheet ein. Der **Image fit** Komparator auf der rechten Seite zeigt `cover` (Kasten füllen, Overflow zuschneiden), `contain` (Pillarbox zum Anpassen), `fill` (zum Füllen strecken, verzerrt), `scale-down` (kleiner von contain/none) und `none` (keine Größenänderung) nebeneinander auf einem Beispielbild — nützlich, um den richtigen CSS-Wert auszuwählen, wenn Bild- und Container-Verhältnis nicht übereinstimmen.

## Warum Seitenverhältnisse für jeden Bildschirm wichtig sind

Unpassende Seitenverhältnisse verursachen die zwei am häufigsten gemeldeten Core Web Vitals Fehler: Cumulative Layout Shift (CLS), wenn ein Bild in einem anderen Verhältnis als vom Platzhalter vorhergesagt geladen wird, und Largest Contentful Paint (LCP), wenn das Hero-Image während des Malens neu angeordnet werden muss. Die Lösung ist die CSS-Eigenschaft `aspect-ratio` (oder width/height Attribute auf `<img>`), die es dem Browser ermöglicht, die richtige Box zu reservieren, bevor die Bild-Bytes ankommen. In sozialen Medien schneidet Instagram alles ab, das nicht 4:5 oder 1:1 in der Feed-Ansicht ist; TikTok schneidet alles ab, das nicht 9:16 im For You Feed ist; YouTube Shorts erfordert 9:16 zwischen 1080x1920 und 720x1280 — ein 16:9-Datei-Upload wird mit schwarzen Balken eingefasst und reduziert das Engagement um 30-40% gegenüber einem nativen Verhältnis-Upload (gemäß Meta und TikTok 2024 Creator-Erfolgsberichte). Drucken ist auch unversöhnlich: ein 3:2 Foto auf einen 4:6 Rahmen gedruckt verliert 8% des Bildes durch Bleed, wenn du es nicht vorher zuschneidest. Die Aufgabe des Rechners ist es, die Nichtübereinstimmung zu zeigen, bevor du eine Stunde damit verbringst, sie danach zu beheben.

_SEO title: Seitenverhältnis-Rechner – Maße und Social-Media-Größen | TeaFun_

## FAQ

### Was ist ein Seitenverhaeltnis?

Ein Seitenverhaeltnis ist das proportionale Verhaeltnis zwischen Breite und Hoehe, ausgedrueckt als B:H (z.B. 16:9).

### Wie halte ich das Seitenverhaeltnis beim Skalieren bei?

Nutze den Loeser: Gib dein Verhaeltnis und die bekannte Seite ein. Der Rechner berechnet die fehlende Dimension mit Kreuzrechnung.

### Welches Seitenverhaeltnis fuer Social Media?

Haengt von der Plattform ab. Instagram quadratische Posts: 1:1, Stories: 9:16, YouTube Thumbnails: 16:9, Twitter/X Posts: 16:9.