Auflösungs-Skalenrechner
Berechne Bildskalierung, Seitenverhältnis und Pixeldichte für Displays und digitale Inhalte.
Skaliere Bildauflösungen unter Beibehaltung des Seitenverhältnisses, berechne Änderungen der Pixeldichte und ermittle optimale Anzeigeeinstellungen für verschiedene Bildschirmgrößen und Anwendungsfälle.
Auflösungs-Skalenrechner
Berechne Bildskalierung, Seitenverhältnis und Pixeldichte für Displays und digitale Inhalte.
Über den Auflösungs-Skalenrechner
Der Auflösungs-Skalenrechner ist ein unverzichtbares Werkzeug für Designer, Fotografen, Entwickler und digitale Content-Creators, die Bilder, Videos oder Anzeigeausgaben unter Erhalt von Qualität und korrektem Seitenverhältnis skalieren müssen. Ob du Assets für Web, Druck, Videoproduktion oder Spieleentwicklung vorbereitest: Das Verständnis der Auflösungsskalierung ist grundlegend, um scharfe und korrekt dimensionierte Inhalte für unterschiedliche Anzeigeumgebungen bereitzustellen.
Auflösungsskalierung bedeutet, die Pixelabmessungen eines Bildes oder einer Anzeigeausgabe mit einem einheitlichen Faktor zu ändern, während das ursprüngliche Seitenverhältnis erhalten bleibt. Das Seitenverhältnis — die proportionale Beziehung zwischen Breite und Höhe — muss konstant bleiben, um Verzerrungen zu vermeiden. Ein 1920×1080-Bild, das auf 50 % skaliert wird, ergibt 960×540 und behält das 16:9-Seitenverhältnis. Dieser Rechner automatisiert die Mathematik, damit du dich auf kreative und technische Entscheidungen konzentrieren kannst, statt Pixel manuell zu rechnen.
Der Skalierungsfaktor ist ein Multiplikator, der auf beide Dimensionen gleichermaßen angewendet wird. Ein Faktor von 0.5 erzeugt ein Bild in halber Größe. Ein Faktor von 2.0 verdoppelt die Abmessungen und vervierfacht die Gesamtpixelzahl. Alternativ kannst du eine Zielbreite oder Zielhöhe angeben; der Rechner bestimmt dann den Skalierungsfaktor und berechnet die entsprechende andere Dimension. Das ist besonders nützlich, wenn du die von einer Plattform erlaubte Maximalgröße kennst (z. B. 800 px maximale Breite für E-Mail-Bilder) und die proportionale Höhe berechnen musst.
Die Gesamtpixelzahl ist wichtig, weil sie die Dateigröße (bei Rasterbildern), die Rendering-Komplexität (bei Game-Engines und GPUs) und die visuelle Qualität bei einer bestimmten Anzeigegröße bestimmt. Ein 4K-Bild (3840×2160) enthält 8.29 Megapixel — viermal so viele Pixel wie ein 1080p-Bild (2.07 Megapixel). Dieses Verhältnis zu verstehen hilft dir, fundierte Abwägungen zwischen Qualität, Leistung und Speicherbedarf zu treffen.
Typische Anwendungsfälle sind: Hero-Bilder für Websites auf mehrere Breakpoints für responsives Design anpassen, Vorschaubilder aus hochauflösenden Originalen für E-Commerce-Produktgalerien erstellen, Spieltexturen auf Zweierpotenzen skalieren, um die GPU zu optimieren, Exportgrößen für Social-Media-Plattformen mit festen Pixelanforderungen berechnen, Bilder für schnelleres Laden im Web herunterskalieren und dabei das Seitenverhältnis bewahren sowie die passende Auflösung für den Druck anhand eines bestimmten DPI-Ziels bestimmen.
Beispiele
Sieh dir an, wie typische Auflösungsskalierungs-Szenarien in verschiedenen Anwendungsfällen funktionieren.
| Original → Ziel | Skalierte Abmessungen | Hinweise |
|---|---|---|
| 1920×1080 auf 75 % skaliert | 1440×810 px | Reduziertes 1080p für HD-Streaming oder kleinere Displays |
| 3840×2160 → Breite 1920 | 1920×1080 px | 4K auf 1080p herunterskaliert, 16:9-Verhältnis beibehalten |
| 1200×800 auf 50 % skaliert | 600×400 px | Typische Thumbnail-Erstellung aus einem Vorschaubild |
| 800×600 auf 200 % skaliert | 1600×1200 px | Hochskaliertes 4:3-Bild für ein High-DPI-Display |
| 1080×1920 → Breite 400 | 400×711 px | Hochformat-Instagram-Bild für ein Thumbnail angepasst |
So benutzt du das Tool
- Gib die ursprüngliche Breite und Höhe deines Bildes oder Displays in Pixeln ein.
- Wähle deine Skalierungsmethode: Skalierungsfaktor (z. B. 0.5 für 50 %), Zielbreite oder Zielhöhe eingeben.
- Klicke auf Berechnen, um die skalierten Abmessungen, den Skalierungsfaktor, das Seitenverhältnis und die Gesamtpixelzahl zu sehen.
- Verwende die skalierten Breiten- und Höhenwerte beim Exportieren oder Größenändern in deiner Bearbeitungssoftware.
- Berechne bei Bedarf neu, wenn du Assets für verschiedene Plattformen oder Bildschirm-Breakpoints vorbereitest.
Häufig gestellte Fragen
Wie skaliere ich ein Bild ohne Verzerrung?
Um Verzerrungen zu vermeiden, wende immer denselben Skalierungsfaktor gleichzeitig auf Breite und Höhe an (gleichmäßige Skalierung). Wenn du nur die Zielbreite kennst, teile sie durch die ursprüngliche Breite, um den Skalierungsfaktor zu erhalten, und multipliziere dann die ursprüngliche Höhe mit demselben Faktor, um die skalierte Höhe zu bekommen. Dieser Rechner macht das automatisch — gib entweder Zielbreite, Zielhöhe oder Skalierungsfaktor ein, und er berechnet die andere Dimension proportional.
Was ist der Unterschied zwischen Auflösung und Bildgröße?
Auflösung bezeichnet die Pixelabmessungen eines Bildes (z. B. 1920×1080 Pixel), während sich die Bildgröße im Druckkontext auf die physische Größe bezieht, die durch Pixel pro Zoll (PPI oder DPI) bestimmt wird. Ein 1920×1080-Bild, das mit 300 DPI gedruckt wird, ergibt einen Ausdruck von 6.4×3.6 Zoll. Dasselbe Bild auf einem 27-Zoll-Monitor mit 81 PPI füllt den gesamten Bildschirm. Das Verständnis beider Werte ist wichtig, um Bilder für verschiedene Ausgabemedien korrekt vorzubereiten.
Welchen Skalierungsfaktor sollte ich für Retina-/HiDPI-Displays verwenden?
Retina- und HiDPI-Displays haben typischerweise ein Device-Pixel-Verhältnis (DPR) von 2× oder 3×, was bedeutet, dass sie zwei- oder dreimal so viele physische Pixel pro CSS-Pixel darstellen. Um auf solchen Displays scharfe Bilder auszuliefern, bereite Assets in 2× oder 3× der vorgesehenen CSS-Anzeigengröße vor. Wenn ein Webbild beispielsweise mit 400×300 CSS-Pixeln angezeigt wird, sollte dein Quellbild 800×600 (2×) oder 1200×900 (3×) haben. Verwende in diesem Rechner den Skalierungsfaktor 2.0 oder 3.0, um die benötigten Quelldimensionen zu ermitteln.
Was ist das Seitenverhältnis und warum ist es wichtig?
Das Seitenverhältnis ist die proportionale Beziehung zwischen Breite und Höhe, ausgedrückt als Verhältnis wie 16:9 oder 4:3. Es ist wichtig, weil verschiedene Geräte und Plattformen unterschiedliche native Seitenverhältnisse haben. Wenn man ein 16:9-Bild in einen 4:3-Rahmen zwingt, wird es gestreckt oder beschnitten. Häufige Seitenverhältnisse sind 16:9 (Widescreen-HD-Video), 1:1 (Instagram-Quadrat), 9:16 (vertikales Mobile-Video) und 4:3 (klassische Fernseher und Monitore). Das richtige Seitenverhältnis sorgt dafür, dass dein Inhalt auf der Zielplattform natürlich aussieht.
Wie beeinflusst die Auflösung die Dateigröße?
Die Dateigröße wächst näherungsweise proportional zur Gesamtpixelzahl (Breite × Höhe). Wenn beide Dimensionen verdoppelt werden, entstehen 4-mal so viele Pixel, also ungefähr 4-mal so viele unkomprimierte Daten. Die tatsächliche Dateigröße hängt jedoch stark von Komprimierung und Inhaltskomplexität ab. Als Faustregel gilt: Wenn du die Bildabmessungen um 50 % reduzierst (auf 0.5× skalierst), sinkt die Dateigröße bei gleicher Qualität um etwa 75 %, was die Ladezeiten im Web deutlich verbessert.
Kann ich Skalierungsfaktoren größer als 1 verwenden (Upscaling)?
Ja, du kannst Bildgrößen mit Skalierungsfaktoren größer als 1.0 vergrößern. Einfaches Pixel-Skalieren kann jedoch keine Details hinzufügen, die im Original nicht vorhanden waren — Upscaling führt daher meist zu weicheren oder unschärferen Ergebnissen. KI-Upscaling-Tools wie Real-ESRGAN oder Adobes Camera Raw AI Super Resolution können plausible Details erzeugen. Für die meisten Anwendungsfälle ist es besser, Assets in der größten benötigten Auflösung zu erfassen und dann herunterzuskalieren, statt ein kleines Ausgangsbild hochzuskalieren.