Kompresi (kompresi) gambar berbagai format

Agar halaman situs terbuka dengan cepat, Anda harus menggunakan gambar dengan berat sekecil mungkin (ukuran file). Pada saat yang sama, setelah kompresi, kualitas gambar tidak akan terlalu menderita.

Untuk mengetahui format mana yang optimal, kami menguji format GIF , JPG , PNG , dan WEBP , dan membandingkan ukuran file yang dihasilkan.

Metodologi pengujian


Kompresi dilakukan pada situs yang bekerja menggunakan dua program:
• perpustakaan grafik GD , dibangun ke dalam PHP secara default.
• Program ImageMagick pihak ketiga dan ekstensi phpnya Imagick .

Dengan mengurangi pengaturan kualitas dari 100 menjadi 0 persen, nilai ditemukan di mana kualitas gambar tetap dapat diterima.

Katakan saja bahwa kedua program GD dan Imagick memberikan hasil yang sama dengan parameter kualitas yang sama (Q), oleh karena itu semua contoh diberikan hanya untuk gambar yang diperoleh dalam program GD .

Ukuran aktual untuk gambar besar adalah 1600x900px, untuk thumbnail 400x225px - ukuran yang terlihat mungkin bervariasi.

Gambar Thumbnail (gambar kecil) 400x225px


Dalam hal kompresi, format WEBP adalah pemimpin yang tidak dapat disangkal.

WEBP 3,55 KB pada Q = 20%



JPG 6,54 KB pada Q = 30%



GIF 53.2K, Q independen



PNG 154 KB, terlepas dari Q





Catatan PNG


The PNG adalah praktis kompresibel oleh kedua program dan memberikan ukuran file urutan besarnya lebih besar dari semua format lain. Secara khusus, dalam tes ini, file PNG memiliki ukuran file lebih dari 40 kali lebih besar dari WEBP .

Orang dapat menggunakan format PNG untuk gambar dengan latar belakang transparan, namun, format WEBP juga berfungsi dengan saluran alpha, dan pada saat yang sama memberikan hasil yang jauh lebih baik.

, , 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 .


Untuk program GD dan Imagick , disarankan untuk menetapkan nilai kualitas menjadi 20-30%.


All Articles