Die Kurzantwort
Um ein Bild zu verkleinern, ohne seine Maße zu ändern, komprimieren Sie die Datei, statt sie zu skalieren. Kompression ändert, wie dieselben Pixel gespeichert werden. Skalieren ändert das Pixelraster selbst.
Dieser Unterschied wird wichtig, wenn ein Formular etwa sagt:
- „Bild muss 600 x 600 Pixel und unter 200 KB sein."
- „Passfoto in 2 x 2 Zoll hochladen, nur JPG, max. 240 KB."
- „Profilbild muss mindestens 1000 x 1000 Pixel sein, max. 1 MB."
- „Bildmaße nicht verändern."
In diesen Fällen sind Breite und Höhe Teil der Vorgabe. Wenn Sie das Bild skalieren, lösen Sie zwar das KB-Problem, verletzen aber die Maß-Regel. Nutzen Sie zuerst ein Kompressionswerkzeug.
Dateigröße und Maße sind nicht dasselbe
Die Bild-„Größe" ist verwirrend, weil dasselbe Wort für zwei Dinge steht.
| Was man sagt | Was gemeint ist | Beispiel | Wie man es ändert |
|---|---|---|---|
| Dateigröße | Bytes auf der Festplatte | 85 KB, 240 KB, 2,8 MB | Komprimieren, Metadaten entfernen, Format wechseln |
| Pixelmaße | Breite und Höhe | 600 x 600 px, 1200 x 800 px | Skalieren oder Zuschneiden |
| Druckgröße | Physische Ausgabegröße | 2 x 2 Zoll, 4 x 6 Zoll | Hängt von Pixeln und DPI/PPI-Metadaten ab |
Ein 2000 x 2000 Bild kann 10 MB oder 300 KB groß sein. Die Maße sind identisch. Die Speichermethode ist unterschiedlich.
Umgekehrt gilt dasselbe: Ein 500 x 500 PNG-Screenshot kann größer sein als ein 2000 x 2000 JPEG-Foto, wenn der Screenshot ineffizient gespeichert wurde oder Transparenz und Metadaten enthält.
Wann Sie nicht skalieren sollten
Komprimieren Sie zuerst, wenn die aktuellen Maße bereits korrekt sind:
- Behörden- oder Schulformulare: Das Formular kann sowohl Pixelmaße als auch Dateigröße validieren.
- Pass- oder Ausweisfotos: Der Zuschnitt ist meist bereits korrekt, und Skalieren kann die Vorgaben für Gesichtsgröße oder Kopfposition brechen.
- Profilfotos: Die Plattform verlangt oft ein quadratisches Bild über einer Mindestpixelgröße.
- Website-Bilder, die schon auf ein Layout zugeschnitten sind: Der CSS-Slot erwartet dasselbe Seitenverhältnis und Pixelraster.
- Screenshots für Dokumentation: Maßänderungen können UI-Text weichzeichnen oder Vergleiche erschweren.
- Bilder, die von einem anderen System genutzt werden: Eine Vorlage, Datenbank, ein Druck-Workflow oder Batch-Skript erwartet exakte Maße.
Skalieren Sie nur, wenn das Ziel kleinere Maße erlaubt oder das Bild weit mehr Pixel hat als nötig. Die Bild-Leitlinien von web.dev trennen diese Themen: korrekt bemaßte Bilder sparen unnötige Bytes, Kompression justiert dann die verbleibende Datei.
Was Kompression verändert
Wenn die Maße gleich bleiben, kann sich die Dateigröße dennoch ändern, weil die exportierte Datei sich in einem oder mehreren dieser Punkte ändert:
- Qualitätsstufe: Verlustbehaftete Formate speichern mit sinkender Qualität weniger visuelle Details.
- Format: WebP oder AVIF können dieselben Pixelmaße effizienter speichern als JPEG oder PNG.
- Kompressionsmodus: Verlustfrei bewahrt exakte Pixel; verlustbehaftet verändert Pixel leicht, um mehr Bytes zu sparen.
- Farbinformation: Manche Encoder reduzieren Farbpräzision oder Chroma-Details.
- Metadaten: Kameramodell, GPS, Vorschau-Thumbnails, DPI-Tags und Bearbeitungshistorie können entfernt werden.
Die MDN-Dokumentation zum Canvas-Export ist ein nützliches Denkmodell für Browser-Tools: Der Browser kann dieselbe Canvas-Bitmap in verschiedene Dateiformate und Qualitätsstufen exportieren. Ist die Canvas 1200 x 800 Pixel groß, bleibt der exportierte JPEG oder WebP 1200 x 800, während sich die Byte-Größe ändert.
Methode nach Bildtyp wählen
| Ausgangsbild | Maße beibehalten? | Zuerst versuchen | Vermeiden |
|---|---|---|---|
| JPG-Foto über Upload-Limit | Ja | JPEG-Qualität in kleinen Schritten senken | Dasselbe JPG wiederholt neu speichern |
| PNG-Foto ohne Transparenz | Ja | In JPG oder WebP umwandeln, falls akzeptiert | Es als PNG belassen, nur weil es als PNG begann |
| PNG-Screenshot mit Text | Ja | PNG-Optimierung oder verlustfreies WebP | JPEG mit niedriger Qualität |
| Transparentes Logo oder Freisteller | Ja | PNG oder WebP, je nach Ziel-Unterstützung | JPEG, weil es Transparenz entfernt |
| Website-Hero bereits korrekt bemaßt | Ja | WebP oder AVIF mit Fallback | Sehr niedrige Qualität, die Banding erzeugt |
| E-Mail-Anhang | Meist ja | JPEG für Fotos, PNG für Grafiken | WebP oder AVIF, falls der Empfänger sie nicht unterstützt |
| Archiv- oder Masterdatei | Ja | Original behalten, optional eine komprimierte Kopie ergänzen | Den einzigen Master durch einen verlustbehafteten Export ersetzen |
Genau hier gehen viele generische Kompressions-Ratgeber daneben. „In WebP umwandeln" ist guter Rat für ein Website-Bild, das Sie kontrollieren. Es kann schlechter Rat sein für ein Gerichtsformular, Schulformular, eine Druckerei oder einen E-Mail-Anhang, der nur JPG oder PNG akzeptiert.
Qualitätseinstellungen, die meistens funktionieren
Es gibt keine universelle Qualitätszahl. web.dev empfiehlt, verschiedene Kompressionsstufen zu testen, bis Sie den besten Kompromiss zwischen visueller Qualität und Dateigröße finden. Nutzen Sie diese Werte als Startpunkte, nicht als Gesetz:
| Bildaufgabe | JPEG/WebP-Startwert | Was zu prüfen ist |
|---|---|---|
| Pass-, Ausweis-, Profil- oder Dokumentfoto | 82–90 | Gesichtsdetails, Textbeschriftungen, Kantenschärfe |
| Produktfoto | 80–88 | Stoffe, Etiketten, Ecken, Farbverschiebungen |
| Blog- oder Website-Foto | 75–85 | Haut, Himmel, Schatten, Farbverläufe |
| Thumbnail oder Vorschau | 65–78 | Motivklarheit bei kleiner Anzeige |
| Hintergrundbild | 55–72 | Banding und offensichtliche Blöcke |
| Screenshot mit Text | Zuerst verlustfreies PNG/WebP | Menütext, Icons, dünne Linien |
Für AVIF nutzen viele Werkzeuge eine andere Skala; vergleichen Sie die Zahl nicht direkt mit JPEG oder WebP. Ein AVIF mit „Qualität 60" ist nicht dasselbe wie ein JPEG mit „Qualität 60".
Der sicherste Arbeitsablauf ist unspektakulär, aber verlässlich: exportieren, vergleichen, anpassen, wiederholen.
Formatwechsel ohne Skalieren
Ein Formatwechsel kann die Dateigröße reduzieren, ohne die Pixelmaße zu ändern. Entscheidend ist, ob das Ziel das neue Format akzeptiert.
JPEG zu WebP: oft nützlich für die Web-Auslieferung. Die Google-WebP-Dokumentation berichtet in ihren Testsätzen von deutlichen Durchschnittseinsparungen; WebP unterstützt Lossy, Lossless, Transparenz und Animation. Ein striktes Upload-Formular kann WebP dennoch ablehnen, selbst wenn Browser es unterstützen.
PNG-Foto zu JPEG oder WebP: oft ein großer Gewinn, wenn das PNG ein Kamerafoto ist und keine Transparenz braucht. PNG ist verlustfrei und bewahrt jede kleinste Kamera-Rauschvariation. JPEG oder WebP können dieselben Maße mit weniger Bytes speichern, indem sie verlustbehaftete Fotokompression nutzen.
PNG-Screenshot zu JPEG: oft ein schlechter Tausch. Die Datei kann kleiner werden, aber Text und harte Kanten wirken schmutzig. Versuchen Sie zuerst PNG-Optimierung oder verlustfreies WebP.
Transparentes PNG zu JPEG: nur, wenn Sie mit dem Ablatten des Hintergrunds einverstanden sind. JPEG kann keine transparenten Pixel bewahren.
JPEG erneut zu JPEG: funktioniert, aber gehen Sie von der besten verfügbaren Quelle aus. Ein bereits komprimiertes JPEG mehrfach neu zu komprimieren, kann Artefakte aufaddieren.
Wie man in PhotoTools komprimiert, ohne die Maße zu ändern
Nutzen Sie diesen Ablauf, wenn Breite und Höhe gleich bleiben müssen:
- Öffnen Sie Komprimieren, nicht Skalieren.
- Ziehen Sie das Bild hinein.
- Prüfen Sie die vom Tool oder Ihrem System angezeigten Eingangsmaße.
- Behalten Sie dieselben Maße und wählen Sie ein Ausgabeformat, das das Ziel akzeptiert.
- Senken Sie den Qualitätsregler für JPEG, WebP oder AVIF schrittweise.
- Laden Sie das Ergebnis herunter.
- Prüfen Sie die Pixelbreite und -höhe der heruntergeladenen Datei vor dem Hochladen erneut.
- Wenn Datenschutz wichtig ist, prüfen Sie, ob EXIF/GPS-Metadaten übrig geblieben sind.
PhotoTools führt den Kompressions-Workflow in Ihrem Browser aus. Das Bild wird während der Tool-Sitzung lokal verarbeitet, statt zur Konvertierung auf einen Server hochgeladen zu werden.
Verwenden Sie das Skalieren-Tool nicht, wenn das Ziel die aktuellen Pixelmaße verlangt. Skalieren ist zum Ändern von Breite und Höhe. Komprimieren ist zum Ändern von Bytes.
Beispiele nach realem Upload-Problem
| Problem | Bessere Vorgehensweise | Warum |
|---|---|---|
| 600 x 600 JPG muss unter 200 KB sein | JPG behalten, Qualität von hoher 80er in niedrigere 80er senken | Maße und akzeptiertes Format bleiben sicher |
| 1200 x 1200 Profilfoto ist 2 MB, Limit ist 1 MB | JPG komprimieren oder in WebP umwandeln, falls akzeptiert | Reichlich Spielraum ohne Pixeländerung |
| PNG-Screenshot ist 900 KB, Maße müssen bleiben | PNG-Optimierung oder verlustfreies WebP versuchen | Text bleibt scharf |
| Transparenter Produkt-Freisteller ist zu groß | WebP mit Alpha versuchen, falls akzeptiert | Behält Transparenz mit weniger Bytes in vielen Web-Fällen |
| Website-Bild ist 4000 px breit, wird aber bei 800 px angezeigt | Zuerst skalieren, falls erlaubt, dann komprimieren | 4000 px zu behalten verschwendet Bytes |
| Formular verlangt exakt 413 x 531 px JPG, max. 300 KB | Nicht skalieren; nur JPG komprimieren | Der Validator kann jede Maßänderung ablehnen |
Die schwierigen Fälle sind meist strikte Formulare. Wenn ein Formular exakte Pixel und ein Dateigrößen-Limit nennt, vertrauen Sie diesen Vorgaben mehr als generischem Bildratgeber.
Wann auch Skalieren nötig ist
Manchmal ist „ohne Skalieren" die falsche Randbedingung. Hat das Bild weit mehr Pixel als das Ziel benötigt, zwingt Sie Kompression allein in unschöne Qualitätseinstellungen.
Ein 4000 Pixel breites Foto, das auf sehr niedrige JPEG-Qualität heruntergedrückt wird, ist möglicherweise immer noch schwer und sieht schlechter aus. Zeigt das Ziel das Bild nur mit 1000 px Breite und erlaubt diese Größe, skalieren Sie zuerst und komprimieren dann moderat. Das sieht meist besser aus, als unnötige Pixel zu behalten und Details zu zerstören.
Als Regel:
- Sind die Maße Pflicht, zuerst komprimieren.
- Sind die Maße nur größer als nötig, zuerst skalieren.
- Sind Sie unsicher, prüfen Sie die Upload-Hinweise, bevor Sie Maße ändern.
Fehlerbehebung
Das Bild ist immer noch zu groß
Versuchen Sie ein effizienteres akzeptiertes Format, senken Sie die Qualität etwas mehr, entfernen Sie Metadaten, oder starten Sie von der Originaldatei statt von einer zuvor exportierten Kopie. Ist die Datei immer noch weit über dem Limit und das Ziel erlaubt kleinere Maße, skalieren Sie zuerst.
Das Upload-Formular lehnt die Datei ab
Prüfen Sie den erlaubten Dateityp. Viele Formulare akzeptieren nur JPG und PNG. Eine WebP-Datei kann die richtigen Maße und Dateigröße haben und dennoch scheitern, wenn das Formular WebP nicht als akzeptiertes Format nennt.
Das Bild sieht unscharf aus
Die Maße mögen unverändert sein, aber die Kompressionsqualität ist zu niedrig oder das falsche Format wurde gewählt. Nutzen Sie eine höhere Qualitätseinstellung. Verwenden Sie für Screenshots, Diagramme und Text PNG oder verlustfreies WebP statt JPEG mit niedriger Qualität.
Der transparente Hintergrund wurde weiß oder schwarz
Das Bild wurde vermutlich in JPEG umgewandelt. JPEG hat keine Transparenz. Exportieren Sie als PNG, WebP oder AVIF, falls das Ziel Transparenz unterstützt.
Die Maße haben sich trotzdem geändert
Sie haben vermutlich ein Skalieren-, Zuschnitt- oder Export-Preset verwendet, das das Pixelraster verändert hat. Öffnen Sie das Original erneut und nutzen Sie nur Komprimieren. Prüfen Sie die Ausgabemaße vor dem Absenden.
Eine letzte Regel, die Qualität rettet
Behalten Sie das Original. Kompression ist am sichersten, wenn Sie erneut aus der besten Quelldatei exportieren können.
Wenn Sie ein komprimiertes Bild wiederholt herunterladen, erneut komprimieren, in ein anderes verlustbehaftetes Format umwandeln und wieder komprimieren, häufen sich Artefakte. Für einen einzelnen Upload mag das akzeptabel sein. Für Produktfotos, Ausweisfotos oder wiederverwendete Website-Assets bewahren Sie einen sauberen Master und erstellen daraus die Auslieferungskopien.