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.
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 . , , .
WEBP , .
400x225px.
WEBP .
Untuk program GD dan Imagick , disarankan untuk menetapkan nilai kualitas menjadi 20-30%.