Besarnya ukuran file gambar/image pada website berpengaruh pada waktu loading. Agar tampilan web cepat, salah satu caranya adalah mengoptimalkan ukuran file2 gambar/foto dengan cara dikompres.
Loseless atau Lossy
Kompresi gambar bisa menggunakan loseless atau lossy. Kalau lossy ukuranya bisa lebih kecil tapi hasil gambarnya otomatis gak terlalu bagus karena ada bagian2 data yg dihilangkan. Sedangkan loseless masih mempertahan data aslinya, sehingga dengan kasat mata hasil gambar masih terlihat sama dengan aslinya.
JPG (Joint Photographic Experts Group) adalah ektension file gambar yg umum dipakai untuk web, selain gif dan png. Banyak kompressi loseless untuk JPG misalnya MozJPG, TinyJPG, Google Guetzli, dll. Baik yg bisa dijalankan online ataupun offline.
Google Guetzli
Kompresi loseless Guetzli tergolong unik karena cara kerjanya adalah dengan menggunakan psychovisual. Tehnik ini akan menentukan scoring terbaik dari alterntif beberapa gambar yg dikompress sebelum hasil kompresan gambar mutunya turun secara visual. Jadi intinya Guetzli akan menghasilkan kompresi gambar dengan ukuran kecil dengan mutu yg masih oke di mata. Kompressi ini memang belum umum digunakan secara luas, karena mempunyai kekurangan yg fatal, yaitu memakan proses waktu yg lama dan memory yg besar.
TinyJPG
Adalah layanan online gratis untuk kompresi loseless gambar. Hasilnya lumayan bagus dan cepat.
Untuk menghasilkan kompressi gambar yg baik tergolong oke untuk mata dengan ukuran file yg kecil, bisa menggabungkan Guetzli dan TinyJPG.
File asli untuk testing bisa didownload pada link berikut:
Cottages in the middle of beach
Assorted sliced fruits in white ceramic bowl
Photo of coffee and tea menu
Untuk keperluan testing file gambar telah di crop dengan lebar 700px agar bisa ditampilan secara utuh di halaman ini.
Untuk program Guetzli ver windows bisa didownload pada link ini
TinyJPG bisa dipakai online melalaui link ini
Cottages in the middle of beach
Assorted sliced fruits in white ceramic bowl
Photo of coffee and tea menu
Hasil perbandingan kompresi
Dari 3 file yg ditest, hasil kompresi dengan Guetzli menghasilkan file dengan ukuran rata2 70% an lebih kecil dari file aslinya. Jika ingin lebih kecil bisa menggunakan Guetzli + TinyJPG yg hasil rata2nya akan 80% an lebih kecil dari file aslinya. Dari hasil kompresi Guetzli + TinyJPG bisa ditambah sedikit sentuhan teknik lossy aka manual akan menghasilkan file yg kecil optimal tapi masih enak dilihat secara visual oleh mata.
Orang IT yang suka masak & baking, photo editing, kadang coding, jagain server sama jalanin toko online plus suka dengan hal2 baru tentang IT
Gan, cara lossy nya gimana? Kok ga di ajarin.
lossy nya bisa dengan photoshop atau dengan riot, dicoba compressi dari 90% sampai 70%, cek secara visual apakah masih bagus apa tidak