Bildskalierung

Bei der Bildskalierung werden die Pixelabmessungen eines Bildes vergrößert oder verkleinert, während der gesamte Inhalt sichtbar bleibt.

Related workflow terms: Bildzuschnitt, Seitenverhältnis.

Skalieren und Zuschneiden

Beide Verfahren ändern Bildabmessungen, behandeln den Inhalt aber grundverschieden.

Skalieren verändert das gesamte Bild proportional. Jedes Element des Originals bleibt erhalten, nur größer oder kleiner. Ein Screenshot mit 1920 × 1080 Pixeln enthält nach einer Skalierung auf 960 × 540 dieselben Inhalte in halber Breite und Höhe.

Beim Zuschneiden werden Bereiche entfernt. Der verbleibende Inhalt behält seinen ursprünglichen Maßstab und seine Auflösung. Ein Bild mit 1920 × 1080 Pixeln, das auf 960 × 540 zugeschnitten wird, zeigt nur ein Viertel der ursprünglichen Fläche, diesen Ausschnitt aber mit vollständigem Detailgrad.

Die passende Methode hängt vom Ziel ab. Skalieren eignet sich für ein vollständiges Bild in anderen Abmessungen, etwa als Vorschaubild, kleinere Einbettung oder Ausgabe für eine bestimmte Bildschirmgröße. Zuschneiden ist richtig, wenn ein Bereich im Fokus stehen und der Rest entfallen soll.

Bei Screenshots werden beide Methoden häufig eingesetzt: Skalieren erzeugt Galerievorschauen und kleinere Webvarianten, Zuschneiden isoliert ein UI-Element, eine Fehlermeldung oder einen anderen wichtigen Bereich.

Typische Einsatzbereiche

• Web-Optimierung: Große Screenshots werden an das Seitenlayout angepasst und laden dadurch schneller. Eine Retina-Aufnahme mit 2880 × 1800 Pixeln kann bei 1440 × 900 CSS-Pixeln erscheinen, während die hoch aufgelöste Datei für High-DPI-Displays erhalten bleibt.
• Vorschauen: Galerien, Dateibrowser und soziale Netzwerke benötigen kleine Varianten einer Aufnahme.
• E-Mail und Messenger: Kleinere Abmessungen helfen, Größenlimits einzuhalten und Bilder direkt statt nur als Download-Anhang anzuzeigen.
• Responsive Bildsätze: Websites liefern je nach Gerät etwa 400, 800 oder 1200 Pixel breite Varianten derselben Aufnahme aus.
• Druckvorbereitung: Für eine bestimmte Druckgröße und DPI-Zahl müssen die Pixelabmessungen passend skaliert werden.

Bewahre die ursprüngliche Aufnahme als Master und erzeuge daraus alle Ausgaben. So wird nicht mehrfach neu berechnet, und Vorschau, Blogbild und High-DPI-Version bleiben konsistent.

Auswirkungen auf die Qualität

Verkleinern ist gewöhnlich unproblematisch. Pixel werden zusammengeführt, vorhandene Information also verdichtet statt erfunden. Ein 1920 Pixel breiter Screenshot kann bei 960 Pixeln weiterhin sauber und scharf aussehen.

Beim Vergrößern muss die Software nicht vorhandene Pixel erzeugen. Diese Interpolation führt je nach Methode und Faktor zu leichter Weichzeichnung oder deutlicher Unschärfe.

Screenshots leiden besonders darunter, weil Schrift, Symbole und UI-Rahmen aus scharfen, teils nur einen Pixel breiten Linien bestehen. Wird eine größere Variante gebraucht, ist eine neue Aufnahme in der Zielauflösung deutlich besser als das Hochskalieren.

Auch die Interpolationsmethode zählt. Nearest Neighbor bewahrt harte Pixelkanten, wirkt bei nicht ganzzahligen Faktoren aber blockartig. Lanczos liefert bei vielen Inhalten scharfe Ergebnisse. Bilineare und bikubische Verfahren glätten, verwischen dadurch jedoch oft die präzisen Kanten eines Screenshots.

Häufige Fehler

• Hochskalieren statt neu aufnehmen. Eine Vergrößerung über die Originalabmessungen kostet immer Qualität. Erfasse erneut in der benötigten Auflösung.
• Proportionen nicht sperren. Werden Breite und Höhe unabhängig verändert, werden Kreise zu Ovalen und Quadrate zu Rechtecken.
• Die falsche Interpolation wählen. Bikubische Glättung kann Text unscharf machen. Nutze Nearest Neighbor oder Lanczos für UI-Inhalte, bikubisch eher für Fotos.
• Erst komprimieren und dann skalieren. Dabei werden unnötige Pixel bearbeitet und Komprimierungsartefakte möglicherweise verstärkt. Skaliere zuerst auf das Zielformat.