Cara Compress Image Menggunakan Squoosh

Squoosh Web

Apa itu Squoosh

Squoosh adalah aplikasi web kompresi gambar yang memungkinkan Anda menggunakan opsi lanjutan yang disediakan oleh berbagai compressor gambar (jpg, MozJPEG, AVIF, dll).

Squoosh juga sekarang sudah support menggunakan CLI yang memungkinkan Anda bisa memperkecil ukuran gambar dalam jumlah banyak hanya dengan satu perintah.

Squoosh Web

Untuk memperkecil ukuran gambar menggunakan browser

  1. Kalian kunjungi terlebih dahulu Squoosh.app
  2. Lalu pilih gambar yang akan kalian kecilkan ukurannya, bisa dengan cara klik +, drag & drop atau paste.
  3. Setelah gambar nya terpilih, kalian bisa resize, memilih compressor gambar yang digunakan, setting kualitas gambar (default 75), dll. Sesuaikan dengan kebutuhan kalian.

Squoosh Web | Squoosh Web

  1. Bisa dilihat disini, ukuran gambar yang awalnya 791 kB menjadi 10.2 kB.

Squoosh Web

  1. Jika dirasa sudah cukup setting gambar nya, kalian bisa klik download dengan mengklik icon dipojok kanan bawah.

Squoosh CLI

Untuk Squoosh CLI, kalian bisa memperkecil gambar dalam jumlah banyak sekaligus, tetapi memang butuh beberapa langkah tambahan untuk menggunakan Squoosh CLI ini.

  1. Install node terlebih dahulu yang bisa kalian unduh di nodejs.org untuk Linux saya sarankan kalian install menggunakan Node Version Manager
  2. Jika node sudah terinstall kalian bisa buka CMD / Powershell / Terminal lalu jalankan perintah node -v, jika yang muncul adalah versi yang kalian install maka node sudah berhasil terinstall, jika terdapat error maka node belum di add ke PATH
  3. Install squoosh cli dengan perintah npm i -g @squoosh/cli kalian juga bisa menggunakan npx npx @squoosh/cli
  4. Untuk mendapatkan ukuran gambar yang kalian inginkan, kalian bisa buka terlebih dahulu Squoosh.app, upload gambar lalu setting, setelah kalian mendapatkan settingan yang pas kalian klik pada icon terminal (Copy NPX Command)

Squoosh CLI

  1. Setelah mendapatkan perintah nya, sekarang kalian tinggal paste di terminal
  • Note: npx @squoosh/cli bisa diganti dengan squoosh-cli jika kalian sudah menginstall npm i -g @squoosh/cli
  • gambar.jpg diganti dengan nama gambar kalian
1
npx @squoosh/cli --jpg '{"quality":75,"target_size":0,"target_PSNR":0,"method":4,"sns_strength":50,"filter_strength":60,"filter_sharpness":0,"filter_type":1,"partitions":0,"segments":4,"pass":1,"show_compressed":0,"preprocessing":0,"autofilter":0,"partition_limit":0,"alpha_compression":1,"alpha_filtering":1,"alpha_quality":100,"lossless":0,"exact":0,"image_hint":0,"emulate_jpeg_size":0,"thread_level":0,"low_memory":0,"near_lossless":100,"use_delta_palette":0,"use_sharp_yuv":0}' gambar.jpg
  1. Jika kalian ingin memperkecil gambar sekaligus kalian bisa ganti gambar.jpg menjadi *.jpg
  • Note: Pada saat artikel ini dibuat memperkecil gambar dalam jumlah 30 lebih bisa membuat squoosh cli nya crash, jadi saran saya lebih baik kurang dari 30.

Bantu bagikan halaman ini ke:
Built with Hugo
Theme Stack designed by Jimmy