„Ohne Qualitätsverlust skalieren” ist ein häufiger Wunsch — und die ehrliche Antwort hängt von der Richtung ab. Verkleinern ist nahezu verlustfrei; Vergrößern kämpft gegen die Physik. So holst du in beiden Fällen das Beste heraus.
Verkleinern (Downscaling): praktisch gratis
Ein Bild in Pixeln kleiner zu machen ist sauber. Die Software mittelt benachbarte Pixel, sodass das Ergebnis scharf bleibt — der sichere Alltagsfall. Ein 4000-Pixel-Handyfoto auf die 1200 Pixel skaliert, die deine Seite tatsächlich zeigt, sieht toll aus und lädt schneller.
Vergrößern (Upscaling): der schwierige Teil
Ein Bild größer als das Original zu machen, kann keine nie erfassten Details erfinden. Interpolation streckt vorhandene Pixel, Kanten werden weich oder klotzig. Wege damit umzugehen:
- Vergrößere möglichst nicht — beginne mit einem höher aufgelösten Original.
- Logos und Icons? Nutze stattdessen einen Vektor — ein PNG in SVG nachzeichnen, das skaliert perfekt auf jede Größe.
- Bei Fotos leistet ein spezieller KI-Upscaler mehr als einfaches Skalieren (ist aber schwerer).
So wird die Skalierung am schärfsten
- Skaliere auf die exakten Abmessungen, die du anzeigst — nicht größer.
- Sperre das Seitenverhältnis, damit das Bild nicht verzerrt wird.
- Skaliere zuerst, dann komprimiere, falls du auch eine kleinere Datei brauchst.
Im Browser — nichts wird hochgeladen
- Bild skalieren — Breite/Höhe mit Seitenverhältnis-Sperre; läuft lokal.
- Bild komprimieren — nach dem Skalieren die Dateigröße senken. Siehe auch Bildgröße reduzieren.
Fazit: Verkleinern erhält die Qualität; Vergrößern kann sie nicht wiederherstellen. Beginne groß, verkleinere passend, und greife zum Vektor, wenn ein Logo wachsen soll.
Vektor vs. Raster: die eigentliche Trennlinie
Ob Skalieren schadet, hängt davon ab, welche Art Bild du hast.
- Raster-Bilder (PNG, JPG, WebP) sind ein festes Pixelraster. Vergrößerst du sie, gibt es schlicht keine zusätzlichen Details zu zeigen, also werden sie unscharf.
- Vektor-Bilder (SVG) sind als Mathematik gespeichert — Punkte, Linien und Kurven — und werden in jeder Größe perfekt neu gezeichnet. Logos, Icons und einfache Illustrationen gehören hierher; Fotos können keine Vektoren sein.
Muss ein Logo immer wieder wachsen, skaliere nicht länger das PNG, sondern zeichne es einmal als SVG nach.
Warum Vergrößern unscharf wird: Resampling
Jede Skalierung resampelt das Pixelraster — sie berechnet jeden neuen Pixel per Interpolation aus den alten:
- Nearest-Neighbor — am schnellsten, klotzig; nur für Pixel-Art.
- Bilinear / bikubisch — weiche Übergänge; bikubisch ist der übliche Standard.
- Lanczos — am schärfsten beim Verkleinern detailreicher Fotos.
Beim Verkleinern gibt es echte Pixel zum Mitteln, also bleibt es scharf. Beim Vergrößern müssen die Pixel dazwischen erfunden werden, und erfundene Details wirken immer weich. Genau deshalb funktioniert „Enhance” nur im Film.
Erst zuschneiden, dann skalieren
Brauchst du nur einen Teil des Bildes, schneide ihn zu, bevor du verkleinerst. Zuerst zuschneiden hält die maximale Zahl echter Pixel im wichtigen Bereich, statt Auflösung an Teile zu verschwenden, die du ohnehin verwirfst.
Exportformat und der Qualitätskompromiss
| Format | Am besten für | Hinweis |
|---|---|---|
| JPG | Fotos | Verlustbehaftet; 80–85 % Qualität ist der Sweet Spot |
| PNG | Flache Grafiken, Transparenz | Verlustfrei, größere Dateien |
| WebP | Beides | Kleiner als JPG/PNG, breit unterstützt |
| AVIF | Beides | Am kleinsten, neuere Unterstützung |
| SVG | Logos, Icons | Vektor, beliebig skalierbar |
Ein JPG immer wieder neu zu speichern häuft Kompressionsverluste an („Generationsverlust”). Einmal skalieren, dann einmal in Zielqualität exportieren. Unsicher, was passt? Siehe das beste Bildformat fürs Web.
FAQ
Reduziert Skalieren immer die Qualität?
Nein. Verkleinern erhält die Qualität — du verwirfst Pixel, die du nicht brauchtest. Vergrößern senkt sie, weil die zusätzlichen Pixel geraten sind.
Welches Format erhält die meiste Qualität?
Für Fotos ein hochwertiges WebP oder AVIF; für flache Grafiken oder Transparenz PNG; für alles, was skalieren muss, ein Vektor-SVG.