Verkleinern Sie ein PNG, indem Sie es in JPEG konvertieren

So funktioniert es

So wird es gemacht

1. Lesen Sie die ausgewählte Datei auf dieser Registerkarte, überprüfen Sie die 8-Byte-PNG-Signatur und durchlaufen Sie dann die Chunk-Kette für IHDR, PLTE, tRNS, IDAT und pHYs.
2. Dekomprimieren Sie die verketteten IDAT-Blöcke als einen Zlib-Stream, indem Sie den browsereigenen DecompressionStream anstelle eines gebündelten Inflaters verwenden.
3. Machen Sie den zeilenspezifischen Filter rückgängig – „Keine“, „Unter“, „Aufwärts“, „Durchschnitt“ oder „Paeth“ – und bearbeiten Sie das Bild nach unten, da jede Zeile anhand der Zeile darüber und des Pixels links davon vorhergesagt wird.
4. Erweitern Sie die Samples auf 8-Bit-RGBA, unabhängig vom Farbtyp und der Bittiefe der Datei, und setzen Sie die sieben Durchgänge zuerst neu zusammen, wenn das PNG interlaced ist.
5. Fügen Sie jedes Pixel mithilfe seines Alphas zur ausgewählten Hintergrundfarbe zusammen, sodass ein transparentes Pixel diese Farbe annimmt und nicht die Farbe, die sich darunter befand.
6. Konvertieren Sie in Y, Cb und Cr mit den vollständigen BT.601-Koeffizienten, die JFIF spezifiziert, und halbieren Sie die Auflösung der beiden Farbebenen mit einem Boxfilter, wenn 4:2:0 verwendet wird.
7. Nehmen Sie die diskrete Kosinustransformation jedes 8x8-Blocks, dividieren Sie sie durch die für die gewählte Qualität skalierte Anhang-K-Quantisierungstabelle und runden Sie.
8. Huffman-kodieren Sie die Koeffizienten mit den Annex-K-Tabellen, fügen Sie nach jedem Literal 0xFF ein Null-Byte ein und schreiben Sie die JFIF-Markierungssegmente um das Ergebnis.

Wovon es ausgeht

• Die Transparenz wird auf die ausgewählte Farbe reduziert, bevor etwas anderes passiert, und die Mischung erfolgt in sRGB und nicht in linearem Licht. Das ist physikalisch nicht korrekt – ein halbtransparentes Pixel erscheint ein paar Prozent dunkler als es sollte –, aber es ist das, was ein Browser-Canvas und jeder Bildeditor tun, sodass das JPEG mit dem PNG übereinstimmt, das Sie betrachtet haben.
• Qualität ist die Skala aus Anhang K der JPEG-Spezifikation, nicht die des Browsers. Die gleiche Zahl gibt hier in jedem Browser Byte für Byte dieselbe Datei an, sie stimmt jedoch nicht mit „Qualität 82“ in Photoshop oder GIMP überein, da diese jeweils von unterschiedlichen Tabellen ausgehen.
• Unterhalb von Qualität 90 werden die beiden Farbkanäle in jeder Richtung mit halber Auflösung gespeichert. Auf einem Foto ist dies unsichtbar; Bei gesättigtem Text oder dünnen farbigen Linien zeigt es sich als Rand, weshalb die Einstellung auf 4:4:4 erzwungen werden kann.
• Ein 16-Bit-PNG wird auf acht Bits reduziert, indem das High-Byte jedes Samples beibehalten wird. JPEG ist ein 8-Bit-Format, sodass das Low-Byte nirgendwo hingehen kann.
• Farbprofile werden nicht übernommen. Ein iCCP-, GAMA- oder cHRM-Block im PNG wird ignoriert und das Ergebnis wird als einfaches sRGB geschrieben, sodass ein Bild mit großem Farbraum flacher aussieht als das Original.