Komprimierung (Komprimierung) von Bildern verschiedener Formate

Damit die Seiten der Site schnell geöffnet werden können, müssen Sie Bilder mit dem geringstmöglichen Gewicht (Dateigröße) verwenden. Gleichzeitig sollte die Bildqualität nach der Komprimierung nicht stark leiden.

Um herauszufinden, welches Format optimal ist, haben wir die Formate GIF , JPG , PNG und WEBP getestet und die Größe der resultierenden Dateien verglichen.

Testmethode


Die Komprimierung wurde auf einer Arbeitswebsite mit zwei Programmen durchgeführt:
GD- Grafikbibliothek , standardmäßig in PHP integriert.
ImageMagick- Programm eines Drittanbieters und dessen PHP-Erweiterung Imagick .

Durch Reduzieren der Qualitätseinstellung von 100 auf 0 Prozent wurde ein Wert gefunden, bei dem die Bildqualität akzeptabel blieb.

Sagen Sie einfach, dass sowohl die GD und Imagick Programme das gleiche Ergebnis mit dem gleichen Qualitätsparameter (Q) geben, daher sind alle Beispiele gegeben nur für Bilder im erhaltenen GD Programm .

Die tatsächlichen Größen für große Bilder betragen 1600 x 900 Pixel, für Miniaturansichten 400 x 225 Pixel - die sichtbaren Größen können variieren.

Vorschaubild (Vorschaubild) 400x225px


In Bezug auf die Komprimierung ist das WEBP- Format unbestreitbar führend.

WEBP 3,55 KB bei Q = 20%



JPG 6,54 KB bei Q = 30%



GIF 53.2K, Q unabhängig



PNG 154 KB, unabhängig von Q.





PNG- Hinweis


Das PNG-Format ist für beide Programme praktisch komprimierbar und gibt einer Dateigröße eine Größenordnung mehr als allen anderen Formaten. Insbesondere in diesem Test hatten PNG- Dateien eine Dateigröße, die mehr als 40-mal größer war als das WEBP- Format .

Man könnte das PNG-Format für Bilder mit transparentem Hintergrund verwenden, das WEBP- Format funktioniert jedoch auch mit dem Alphakanal und liefert gleichzeitig ein viel besseres Ergebnis.

, , PNG .

GIF


GIF . GIF , . SVG, GIF ( gif-).



1600x900px


WEBP JPG, 50% .

WEBP 60,5 Q=30%



JPG 89,6 Q=40%






, WEBP . , , .

WEBP , .

400x225px.




JPG 2,24 Q=5%



JPG 3,35 Q=10%



JPG 5,16 Q=20%




WEBP 2,30 Q=5%



WEBP 2,73 Q=10%



WEBP 3,35 Q=20%







WEBP .


Für GD und Imagick Programme, ist es empfehlenswert , den Qualitätswert auf 20-30% einzustellen.


All Articles