Wenn es um die Arbeit mit digitalen Fotos und Bildern geht, ist das eine Tatsache. Manchmal müssen wir sie komprimieren, um die Dateigröße zu verringern, insbesondere wenn wir sie per E-Mail an einen Kunden oder an Familienmitglieder senden oder auf einer Website veröffentlichen.

Da das JPEG.webp-Dateiformat immer noch das Format der Wahl für digitale Fotos ist, obwohl es seit mehr als 15 Jahren besteht, bedeutet das Komprimieren von Bildern in der Regel die Verwendung der JPEG.webp-Komprimierung, wodurch die Dateigröße erheblich reduziert wird. Leider verringert sich auch die Bildqualität, obwohl es nicht immer leicht zu erkennen ist, welche negativen Auswirkungen die Komprimierung auf das Bild hat, insbesondere wenn es auf einem Computermonitor angezeigt wird. Aber dank Photoshop und einem der selten verwendeten Mischmodi werden die Schrecken der JPEG.webp-Komprimierung auffällig deutlich.

Um genau zu sehen, was mit unseren Bildern passiert, verwenden wir den Ebenenüberblendungsmodus „Unterschied“ von Photoshop. Der Mischmodus "Differenz" hat seinen Namen von der Tatsache, dass nach Unterschieden zwischen zwei Ebenen gesucht wird. Alle Bereiche in beiden Ebenen, die genau gleich sind, werden als reines Schwarz angezeigt, während Bereiche, die sich in gewisser Weise unterscheiden, als seltsame Farben angezeigt werden. Der Mischmodus „Differenz“ wird außerhalb der Spezialeffekt-Welt nicht sehr oft verwendet, zeigt uns jedoch hervorragend, wie viel Müll (ja, ich habe Müll gesagt) wir unseren JPEG.webp-Bildern beim Komprimieren hinzufügen. Das soll nicht heißen, dass wir alle aufhören müssen, unsere Fotos zu komprimieren. In einer perfekten Welt sicher, aber das ist einfach nicht realistisch. Es ist jedoch hilfreich, zu sehen und zu verstehen, was mit unseren Bildern passiert, insbesondere für diejenigen von uns, die bisher davon überzeugt waren, dass es keinen Unterschied in der Bildqualität zwischen einem komprimierten und einem unkomprimierten Digitalfoto gibt.

Hier habe ich zwei Dokumentfenster in Photoshop geöffnet, die jeweils dasselbe Bild enthalten:

In Photoshop werden zwei Dokumentfenster geöffnet, in denen jeweils eine Kopie desselben Fotos angezeigt wird.

Aber sind sie wirklich dasselbe Bild? Auftritte können vor allem auf einem Computerbildschirm täuschen. Die Wahrheit ist, dass sie nicht gleich sind. Das rechte ist das unkomprimierte Originalfoto, als ob es direkt von einer Digitalkamera heruntergeladen worden wäre. Die linke ist eine Kopie des in Photoshop gespeicherten Fotos mit einer Bildqualität von 60%. Dies ist eine recht typische Einstellung. Dies bedeutet, dass das linke Bild komprimiert wurde.

Im obigen Screenshot ist es zwar etwas schwierig zu erkennen, aber wenn Sie sich beide Bilder in Photoshop auf meinem Bildschirm ansehen, können Sie nur schwer feststellen, welche komprimiert ist und welche nicht. Wenn wir sie drucken würden, würden die Unterschiede deutlich, aber auf einem Computerbildschirm, der eine viel geringere Auflösung als ein gedrucktes Bild hätte, wären die Unterschiede nicht so leicht zu erkennen. Zumindest nicht ohne den Unterschied-Mischmodus von Photoshop, der uns dabei hilft.

Ich habe vorhin gesagt, dass der Mischmodus „Differenz“ nach Unterschieden zwischen zwei Ebenen sucht und dass alle genau gleichen Bereiche zwischen den beiden Ebenen als reines Schwarz angezeigt werden. Lassen Sie uns dies auf die Probe stellen. Ich wähle mein ursprüngliches, nicht komprimiertes Foto aus und dupliziere die Hintergrundebene in der Ebenen-Palette, indem ich Strg + J (Win) / Befehl + J (Mac) drücke. Ich habe jetzt zwei Ebenen in der Ebenen-Palette - die ursprüngliche Hintergrundebene unten und eine Kopie der Hintergrundebene, die Photoshop als "Ebene 1" bezeichnet hat:

Die Ebenen-Palette für das ursprüngliche, nicht komprimierte Foto zeigt die Hintergrundebene und die Kopie der darüber liegenden Hintergrundebene.

Da "Ebene 1" eine Kopie der Hintergrundebene ist, sollten beide Ebenen identisch sein. Wir können den Differenz-Mischmodus verwenden, um zu beweisen, dass dies der Fall ist. Ich gehe zum Mischmodus oben in der Ebenen-Palette und ändere den Mischmodus für "Ebene 1" von "Normal" in "Unterschied":

Ändern Sie den Mischmodus von "Ebene 1" in "Unterschied".

Wenn "Ebene 1" auf den Mischmodus "Differenz" eingestellt ist und ich das Bild im Dokumentfenster betrachte, sehe ich, dass das gesamte Bild jetzt mit Vollschwarz gefüllt ist. Auf diese Weise kann ich im Mischmodus "Differenz" erkennen, dass beide Ebenen identisch sind in der Tat identisch:

Das Bild ist jetzt vollständig schwarz ausgefüllt, was darauf hinweist, dass sowohl "Ebene 1" als auch die Hintergrundebene in jeder Hinsicht identisch sind.

Lassen Sie uns noch weiter gehen, um absolut sicherzugehen, dass alles, was wir jetzt auf dem Bild sehen, nichts als reines Schwarz ist. Dazu verwenden wir eine Ebene zum Anpassen der Ebenen. Ich klicke auf das Symbol "Neue Einstellungsebene" unten in der Ebenen-Palette:

Klicken Sie in Photoshop unten in der Ebenen-Palette auf das Symbol "Neue Anpassungsebene".

Dann wähle ich Levels aus der Liste der angezeigten Einstellungsebenen aus:

Klicken Sie in Photoshop unten in der Ebenen-Palette auf das Symbol "Neue Anpassungsebene".

Das Dialogfeld Ebenen wird geöffnet. Ich kann das Histogramm in der Mitte des Dialogfelds verwenden, um genau zu sehen, welche Toninformationen in meinem Bild angezeigt werden. Wenn jedes einzelne Pixel im Bild reines Schwarz anzeigt, was der Fall sein sollte, wenn meine beiden Ebenen identisch sind, dann sollte ich in meinem Histogramm nur einen einzelnen vertikalen Balken ganz links sehen, was einfach genau das ist, was ist Ich sehe:

Das Histogramm in der Mitte des Dialogfelds Ebenen zeigt einen einzelnen vertikalen Balken ganz links an, der darauf hinweist, dass jedes Pixel in meinem Bild rein schwarz ist.

Das Histogramm bestätigt, dass in meinem Bild derzeit keine anderen Farben als reines Schwarz angezeigt werden. Dies bedeutet, dass "Ebene 1" und die Hintergrundebene zu 100% identisch sind. So weit, ist es gut. Wir haben jetzt bewiesen, was die meisten von uns bereits wussten, dass beim Erstellen einer Kopie einer Ebene die Kopie in jeder Hinsicht mit dem Original identisch ist. Aufregendes Zeug, oder? Lass uns weitermachen.

Plugin für Shortcodes, Aktionen und Filter: Fehler im Shortcode (ads-essentials-middle)

Ich klicke oben rechts im Dialogfeld "Ebenen" auf die Schaltfläche "Abbrechen", um es vorerst zu schließen, und lösche "Ebene 1" aus meiner Ebenen-Palette, indem ich darauf klicke und es nach unten ziehe auf das Papierkorbsymbol:

Ziehen Sie "Ebene 1" nach unten auf das Papierkorbsymbol am unteren Rand der Ebenen-Palette, um es zu löschen.

Jetzt habe ich wieder nur meine ursprüngliche Hintergrundebene:

Die Ebenen-Palette zeigt die ursprüngliche Hintergrundebene.

Nun wollen wir sehen, was passiert, wenn wir mit genau derselben Methode die unkomprimierte Version des Fotos mit der komprimierten Version vergleichen. Wie ich bereits erwähnte, ist es nicht einfach, Unterschiede auf dem Computerbildschirm zu erkennen, aber lassen Sie uns herausfinden, was der Differenz-Mischmodus dazu zu sagen hat. Wenn jede Version meines Fotos in einem eigenen Dokumentfenster geöffnet ist, klicke ich mit dem Verschieben-Werkzeug in das Dokumentfenster der komprimierten Version (links) und ziehe das Bild in das Dokumentfenster der unkomprimierten Version (links) das Recht):

Verwenden Sie das Verschieben-Werkzeug und ziehen Sie die komprimierte Version des Bildes auf der linken Seite in das Dokumentfenster der unkomprimierten Version auf der rechten Seite.

Da beide Bilder genau die gleichen Pixelabmessungen haben (Breite und Höhe), halte ich die Umschalttaste gedrückt und lasse dann die Maustaste los, um die beiden Bilder im Dokumentfenster perfekt auszurichten:

Beide Bilder werden nun im selben Dokumentfenster perfekt übereinander ausgerichtet.

Wenn ich in meiner Ebenen-Palette nachschaue, sehe ich, dass ich jetzt wieder zwei Ebenen habe. Die unkomprimierte Version des Bildes befindet sich auf der Hintergrundebene, und die Version, die mit 60% Bildqualität gespeichert wurde, befindet sich jetzt auf "Ebene 1" darüber:

Die Ebenen-Palette zeigt die unkomprimierte Version auf der Hintergrundebene und die komprimierte Version auf "Ebene 1".

Ich werde den Mischmodus von "Ebene 1" noch einmal von "Normal" auf "Unterschied" ändern:

Ändern Sie den Mischmodus von "Ebene 1" in "Unterschied".

Und jetzt, wenn der Mischmodus von "Ebene 1" auf "Unterschied" eingestellt ist und es wirklich keinen Unterschied zwischen der komprimierten und der unkomprimierten Version des Fotos gibt, sollte beim Betrachten meines Bildes in der nichts als reines Schwarz zu sehen sein Dokumentfenster:

Das Dokumentfenster nach dem Ändern des Mischmodus von "Ebene 1" (die komprimierte Version des Fotos) auf "Unterschied".

Hmm. Kannst du all das leise Rauschen auf dem Bild oben sehen? Dies hängt davon ab, wie Sie Ihren Monitor eingerichtet haben. Vielleicht sehen Sie nur Schwarz, aber ich sehe auf meinem Bildschirm, dass es definitiv nicht mehr so ​​rein Schwarz ist wie zuvor, als wir die Hintergrundebene mit einer identischen Kopie verglichen haben. Es gibt noch etwas anderes, und dieses "etwas anderes" sagt uns, dass die komprimierten und unkomprimierten Versionen des Fotos nicht gleich sind. Aber wie unterschiedlich sind sie? Macht die JPEG.webp-Komprimierung wirklich einen so großen Unterschied?

Lassen Sie uns noch einmal eine Ebene zum Anpassen der Ebenen verwenden und das Histogramm diese Frage für uns beantworten. Ich klicke auf das Symbol Neue Anpassungsebene am unteren Rand der Ebenen-Palette und wähle Ebenen aus der Liste aus:

Auswählen einer Einstellungsebene "Ebenen" in der Ebenen-Palette.

Dies öffnet erneut das Dialogfeld Ebenen. Erinnern Sie sich an das letzte Mal, als das Histogramm ganz links einen einzelnen vertikalen Balken zeigte, der uns sagte, dass in unserem Bild absolut nichts anderes als reines Schwarz zu sehen war. Dieses Mal sehen wir etwas anderes:

Das Histogramm ist nicht mehr nur ein einzelner vertikaler Balken.

Ganz links im Histogramm scheint diesmal viel mehr los zu sein, was bestätigt, dass meine Augen mir keinen Streich gespielt haben. Da ist definitiv noch etwas anderes im Bild. Der einzelne vertikale Balken wurde durch einen größeren schwarzen Bereich ersetzt, was bedeutet, dass das Bild selbst jetzt mehr als nur reines Schwarz enthält. Dies bedeutet, dass in den beiden Versionen des Fotos Bereiche vorhanden sind, die nicht mehr identisch sind.

Was ist an ihnen anders? Einfach - Müll. Durch das Komprimieren einer Version des Bildes haben wir die reinen, unberührten Bildinformationen aufgenommen und eine ganze Menge Müll hinzugefügt. Lärm, Junk, nenn es wie du willst. Unter dem Strich haben wir das Foto beschädigt. Wie viel Müll hat die JPEG.webp-Komprimierung hinzugefügt? Es sieht vielleicht noch nicht nach viel aus, und es ist immer noch schwer im Bild selbst zu sehen, also klicke ich auf den kleinen weißen Schieberegler unten rechts im Histogramm und ziehe ihn ganz nach links bis es unter der Stelle ist, an der der schwarze Abhang beginnt:

Ziehen Sie den weißen Schieberegler vom rechten unteren Rand des Histogramms nach links, bis die schwarze Steigung beginnt.

Ohne auf die Funktionsweise des Dialogfelds „Ebenen“ einzugehen, haben wir gerade dieses schwache Bildrauschen aufgenommen und es viel heller gemacht, damit wir es leichter sehen können. Denken Sie daran, dass seltsame Farben Bereiche darstellen, die sich zwischen der ursprünglichen, nicht komprimierten Version des Fotos und der mit der JPEG.webp-Komprimierung gespeicherten Version unterscheiden:

Das Rauschen ist jetzt im Bild viel besser sichtbar.

Kein schöner Anblick, oder? Jetzt, da wir die Dinge leichter sehen können, stellen all diese seltsamen Farben den Schaden dar, den wir dem Bild durch Komprimieren zugefügt haben. Das Bild ist jetzt mit so genannten "Kompressionsartefakten" gefüllt. Dies ist nur eine originelle Redewendung: "Wir haben Ihre perfekten Bildinformationen aufgenommen und alles durcheinander gebracht". Durch das Komprimieren eines JPEG.webp-Bilds kann die Dateigröße erheblich reduziert werden. Wie der Mischmodus „Differenz“ zeigt, kann die Bildqualität jedoch erheblich reduziert werden. Auch hier ist es nicht immer leicht zu erkennen, wie viel Schaden Ihr Bild angerichtet hat, wenn Sie es auf Ihrem Computerbildschirm betrachten. Sie werden jedoch den Unterschied beim Drucken in hoher Auflösung feststellen.

Nun, da wir gesehen haben, wie viel Schaden wir einem digitalen Foto zufügen können, indem wir es komprimieren, was können wir dagegen tun? Leider nicht viel. Das JPEG.webp-Format ist immer noch die beste Wahl, um digitale Fotos zu speichern, und wenn es um die Dateigröße geht, haben wir wirklich keine andere Wahl, als sie zu komprimieren. Wenn Sie an einem Projekt für das Web arbeiten, kann es in der Regel zu einer erheblichen Komprimierung kommen, bevor die Bildqualität zum Problem wird. Wenn Ihr Projekt jedoch gedruckt wird, sollten Sie die ursprünglichen, nicht komprimierten Bilder verwenden wenn möglich. Und da haben wir es!