Zum Inhalt springen
LeedyBox
Unterstützen

Bildgröße ändern: Pixel, Seitenverhältnis und DPI

Die Bildgröße zu ändern wirkt einfach, doch die Entscheidungen dahinter bestimmen, ob ein Bild scharf bleibt, seine Form behält und eine sinnvolle Dateigröße hat. Diese Anleitung erklärt Pixelmaße, Seitenverhältnis, Resampling-Qualität, DPI und die Wahl passender Größen für Bildschirme.

Pixel, Abmessungen und Dateigröße

Ein digitales Bild ist ein Raster aus Pixeln. Seine Abmessungen, etwa 4000 × 3000, geben die Pixel in der Breite und in der Höhe an; multipliziert ergeben sie die Pixelzahl, hier 12 Millionen Pixel (12 Megapixel). Beim Ändern der Größe wird dieses Raster durch ein neues ersetzt, und jedes neue Pixel wird aus den alten berechnet. Das nennt man Resampling (Neuberechnung).

Die Pixelzahl wächst mit dem Quadrat der Seitenlängen: Halbiert man Breite und Höhe, bleibt ein Viertel der Pixel übrig. Deshalb verkleinert das Reduzieren der Abmessungen eine Datei oft am stärksten, auch wenn Format, Qualitätseinstellung und die Menge feiner Details ebenfalls eine Rolle spielen. Um ein Bild anzuzeigen oder zu bearbeiten, dekodieren Programme es in unkomprimierte Pixel mit typischerweise je 4 Byte. Ein 12-Megapixel-Foto braucht daher rund 48 MB Arbeitsspeicher, ganz gleich, wie klein die Datei ist.

Seitenverhältnis beibehalten oder zuerst zuschneiden

Das Seitenverhältnis ist das Verhältnis von Breite zu Höhe: 4000 × 3000 entspricht 4:3, 1920 × 1080 entspricht 16:9. Behalten Sie es bei, wählen Sie eine Seite, und die andere ergibt sich daraus. Ein Foto mit 4000 × 3000 Pixeln wird bei einer Breite von 1200 Pixeln also zu 1200 × 900. Legen Sie beide Seiten frei fest, wird ein Bild mit anderem Seitenverhältnis gestreckt oder gestaucht, und aus Kreisen werden Ovale.

Um ohne Verzerrung eine exakte Größe in einer anderen Form zu erhalten, schneiden Sie das Bild zuerst auf das Zielseitenverhältnis zu und ändern dann die Größe. Bei einer Serie aus Hoch- und Querformatfotos werden Hochformatbilder bei fester Breite entsprechend hoch: Ein Foto mit 3000 × 4000 Pixeln wird bei einer Breite von 1200 Pixeln zu 1200 × 1600.

Bilder verkleinern oder vergrößern

Beim Verkleinern sollte jedes neue Pixel mehrere Originalpixel zusammenfassen. Ein schnelles Verfahren, das nur wenige benachbarte Pixel abtastet, überspringt bei starker Verkleinerung Details. Das zeigt sich als gezackte Kanten und flimmernde Muster (Aliasing oder Moiré) bei Stoffen, feinen Linien und Text. Besseres Resampling berücksichtigt mehr Ausgangspixel. Das LeedyBox-Tool verkleinert in Halbierungsschritten und mittelt dabei jeweils benachbarte Pixel, was mit der Skalierung des Browsers glattere Ergebnisse liefert. Stark verkleinerte Bilder können trotzdem etwas weich wirken; LeedyBox schärft sie nicht nach.

Beim Vergrößern werden neue Pixel aus ihren Nachbarn geschätzt, daher werden Kanten weich oder blockig, und es entstehen keine neuen Details. Spezielle Hochskalierungssoftware kann Details hinzufügen, die plausibel aussehen, doch sie werden erzeugt, nicht wiederhergestellt. Wenn Sie ein größeres Bild brauchen, greifen Sie nach Möglichkeit auf ein größeres Original zurück.

DPI, PPI und Druckgröße

DPI (dots per inch), genauer PPI (pixels per inch), ist ein Wert, der in manchen Bilddateien gespeichert ist. Er teilt Druck- und Layoutprogrammen mit, wie groß die Pixel gedruckt werden sollen; die Pixel selbst ändert er nicht. Druckgröße in Zoll = Pixel ÷ PPI (für Zentimeter mit 2,54 multiplizieren).

Bildbreite Gedruckt mit 300 PPI Gedruckt mit 150 PPI
1200 Pixel 4 Zoll (10,2 cm) 8 Zoll (20,3 cm)
2400 Pixel 8 Zoll (20,3 cm) 16 Zoll (40,6 cm)
3600 Pixel 12 Zoll (30,5 cm) 24 Zoll (61 cm)

Ändern Sie nur den DPI-Wert, ändert sich die Druckgröße, die Pixel bleiben aber gleich, sodass das Bild auf dem Bildschirm identisch aussieht. Für einen scharfen Druck brauchen Sie genügend Pixel: Ein Abzug von 6 × 4 Zoll mit 300 PPI benötigt 1800 × 1200 Pixel. Für Fotos, die aus der Nähe betrachtet werden, werden oft etwa 300 PPI empfohlen; große Drucke, die man aus der Entfernung betrachtet, kommen mit weniger aus. LeedyBox übernimmt den DPI-Wert des Originals nicht, legen Sie die Druckgröße daher beim Drucken fest.

Größen für Webseiten und Bildschirme wählen

Auf einer Webseite zählt die Breite, in der das Bild angezeigt wird. Layouts werden in CSS-Pixeln gemessen, und Bildschirme mit hoher Pixeldichte verwenden in jeder Richtung zwei oder mehr Gerätepixel pro CSS-Pixel. Ein Bild, das 600 CSS-Pixel breit angezeigt wird, braucht daher etwa 1200 Pixel, um auf einem „2ד-Display voll scharf zu wirken, während ein Foto mit 4000 Pixeln an derselben Stelle Bandbreite und Speicher verschwendet.

Messen Sie die größte Anzeigebreite in Ihrem Layout, zum Beispiel mit den Entwicklertools des Browsers. Mit den Attributen srcset und sizes können Sie dasselbe Bild in mehreren Breiten anbieten, etwa 600, 1200 und 1800 Pixel, und der Browser lädt die Variante, die zum Bildschirm passt. Wenn ein Upload-Formular, ein Shop oder ein soziales Netzwerk bestimmte Abmessungen verlangt, prüfen Sie dessen aktuelle Dokumentation, denn solche Vorgaben sind unterschiedlich und ändern sich.

Formatwahl und Stapelverarbeitung mit LeedyBox

Wählen Sie nach dem Ändern der Größe das Format nach dem Inhalt. Fotos sind als JPG oder WebP meist am kleinsten. Screenshots, Logos und Bilder mit Transparenz eignen sich für PNG oder WebP, das ebenfalls Transparenz unterstützt. JPG kann keine Transparenz speichern, transparente Bereiche werden daher weiß, und ein als PNG gespeichertes Foto kann größer sein als das ursprüngliche JPG. Einzelheiten finden Sie unter JPG vs. PNG vs. WebP vs. AVIF.

Das Tool „Bildgröße ändern“ von LeedyBox ändert die Größe vieler Bilder in einem Durchgang, in Ihrem Browser und ohne sie hochzuladen:

  • Wählen Sie Pixel oder Prozent (1 bis 400 %). Ist „Seitenverhältnis beibehalten“ aktiviert, behält jedes Bild seine eigenen Proportionen.
  • Bilder, die kleiner als die Zielgröße sind, werden nicht vergrößert, es sei denn, Sie deaktivieren diese Option.
  • „Wie Original“ behält JPG, PNG und WebP bei und speichert GIF, BMP und AVIF als PNG. JPG und WebP verwenden die Qualität 90, sofern Sie sie nicht ändern.
  • Die Kameraausrichtung wird angewendet, Metadaten werden nicht übernommen, und zwei oder mehr Ergebnisse lassen sich als ZIP-Datei herunterladen.

Um die Dateien noch kleiner zu machen, verwenden Sie Bilder komprimieren und lesen Sie Komprimierungseinstellungen für Bilder erklärt.

Häufige Fragen

Macht ein höherer DPI-Wert ein Bild schärfer?

Nein. Er teilt Programmen nur mit, wie groß das Bild gedruckt werden soll. Die Schärfe hängt von der Anzahl der Pixel und der Größe ab, in der sie angezeigt werden.

Warum ist meine Datei nach dem Ändern der Größe größer als das Original?

Meist, weil ein Foto als PNG gespeichert wurde, die Qualität höher ist als beim Original oder das Bild vergrößert wurde.

Welche Breite sollte ein Foto für eine Website haben?

Nehmen Sie die größte Breite, in der es angezeigt wird, und verdoppeln Sie sie für Bildschirme mit hoher Pixeldichte. Erscheint es auch kleiner, bieten Sie mit srcset zusätzliche Größen an.