Kompresi Lossy vs Lossless: Panduan Pemula untuk Kedua Format

Gambar digital adalah bagian yang tidak terpisahkan dari web, dan sulit untuk membuat konten apa pun tanpa beberapa media. Gambar diam yang sederhana adalah cara yang bagus untuk menawarkan konteks ekstra pada tulisan Anda.

Namun, gambar bisa sangat besar dalam ukuran file tanpa optimasi. Kompresi lossy vs lossless adalah pertimbangan umum karena masing-masing dapat mengurangi ukuran gambar, meskipun ada trade-off kualitas yang perlu dipertimbangkan juga.

Anda hampir selalu perlu menerapkan beberapa kompresi ke gambar. Ini menjaga kualitas pada tingkat yang Anda tentukan sebagai dapat diterima sambil menjaga ukuran file tetap rendah. Memilih tingkat kompresi yang tepat akan bergantung pada tujuan dan persyaratan akhir Anda.

Untuk posting ini, kita akan melihat kompresi lossy vs lossless. Sepanjang, kita akan berbicara tentang proses yang diperlukan gambar untuk mendapatkan "bentuk", apa itu kompresi, dan banyak aspek lain untuk mengoptimalkan gambar Anda.

Perbedaan Lossy vs Lossless

Ketika datang ke kompresi gambar digital, ada beberapa format berbeda untuk dipilih. Terkadang ini akan memiliki nama lain tergantung pada banyak faktor. Namun, pada tingkat inti, Anda akan menemukan dua jenis:

• Kompresi lossy: Tujuannya di sini adalah untuk memberikan ukuran file sekecil mungkin untuk sebuah gambar. Dengan demikian, kualitas gambar sering kali berada di bawah daftar prioritas.
• Kompresi lossless: Anda masih akan menemukan pengurangan substansial dalam ukuran file dengan format kompresi ini, tetapi gambar tidak akan mengalami artefak dan masalah lainnya.

Dalam kebanyakan kasus, keputusan Anda tentang format mana yang akan digunakan akan mengarah pada tujuan akhir Anda: Apakah Anda menginginkan file kecil, atau fokus Anda untuk menjaga kualitas?

Kompresi lossy akan menghapus data yang dianggap tidak perlu dari gambar secara permanen. Ini menggunakan banyak teknik berbeda untuk mencapai ini, menghasilkan ukuran file yang jauh lebih kecil.

Kompresi lossless juga menghapus data, tetapi dapat mengembalikan aslinya jika diperlukan. Tujuannya adalah untuk menjaga kualitas tetap tinggi, namun mengurangi ukuran file.

Ada beberapa cara untuk mencapai ini, tetapi hasilnya seringkali sama. Untuk mengetahui opsi yang tepat untuk kebutuhan Anda, mari kita mundur selangkah dan meninjau dasar-dasar gambar dan kompresi secara umum.

Elemen Gambar Digital

Seperti perangkat lunak dan pengembangan web, sering kali ada "tumpukan" untuk mengambil gambar dari kamera ke web.

Gambar dimulai sebagai data "mentah" (karenanya dinamakan RAW). Ini mirip dengan kode aplikasi: Cuplikan, garis, dan nilai diterjemahkan ke dalam latar belakang dengan warna, placeholder gambar, elemen dinamis, dan banyak lagi.

Untuk gambar, file RAW menyajikan representasi gambar yang sedikit berbeda berdasarkan pabrikan kamera, perangkat lunak pengeditan, algoritme ruang warna, dan banyak lagi. Dari sana, Anda mengedit gambar dan mengekspornya sebagai salah satu dari beberapa format file (lebih lanjut tentang ini nanti):

Ada beberapa elemen berbeda yang membentuk gambar digital standar:

• Jenis file: Jenis yang berbeda akan memberikan kualitas yang mungkin sesuai atau tidak sesuai dengan gambar akhir Anda. Kuncinya adalah memilih jenis file yang paling cocok untuk aplikasi.
• Resolusi: Anda akan sering melihat ini dinyatakan sebagai megapiksel (MP), tetapi Anda juga akan menggunakan piksel per inci (PPI) atau titik per inci (DPI). Resolusi yang lebih tinggi menawarkan kualitas yang lebih baik, tetapi juga meningkatkan ukuran file awal
• Kedalaman bit: Aspek ini menentukan informasi warna dalam gambar. Kedalaman bit yang rendah hanya akan menghasilkan beberapa warna, sedangkan kedalaman bit yang tinggi berpotensi menghasilkan jutaan warna sekaligus. Umumnya, lebih tinggi lebih baik.
• Dimensi: Ini adalah ruang fisik yang digunakan gambar. Misalnya, 1.000 piksel x 500 piksel dapat menentukan ukuran total suatu gambar.
• Ruang warna: Ini adalah algoritma yang menentukan bagaimana warna ditampilkan. Setiap ruang warna diatur secara berbeda, dan seringkali tergantung pada preferensi fotografer.

Elemen-elemen ini bergabung untuk menghasilkan gambar akhir dengan kualitas yang bervariasi. Misalnya, foto JPEG yang besar, beresolusi tinggi, dengan kedalaman bit tinggi akan menawarkan kualitas dan ketajaman tertinggi:

Sebaliknya, bahkan gambar dengan dimensi besar dan kemampuan untuk menampilkan banyak warna dapat terlihat buruk pada resolusi rendah:

Keseimbangan ini adalah bagaimana Anda mengembangkan gambar inti sebelum menerapkan kompresi. Namun, format yang Anda gunakan untuk gambar memiliki peran besar dalam kualitas akhir.

Cara Kerja Pengoptimalan Gambar Web

Karena kompresi gambar secara umum sama, Anda dapat menerapkan aturan standar pada cara Anda mengoptimalkan gambar untuk web.

Kami membahas banyak konsep ini di tempat lain di blog Kinsta, tetapi ada baiknya memberikan ringkasan singkat untuk referensi:

• Gunakan resolusi 72 PPI, karena ini adalah standar untuk web. Anda dapat menggunakan PPI/DPI yang lebih tinggi untuk alasan pengarsipan, tetapi kami menganggap Anda memublikasikan ke web.
• Atur "tepi panjang" gambar ke 2048px, karena ini optimal untuk banyak aplikasi yang berbeda.
• Gunakan kedalaman warna 8-bit jika Anda mendapatkan opsi.
• Jalankan gambar melalui alat kompresi dan pengoptimalan sebelum Anda memublikasikannya.

Ini adalah format sederhana yang dapat memberi Anda hasil yang konsisten, meskipun kompresi dan pengoptimalan adalah sesuatu yang akan kami kembangkan selama sisa artikel ini.

Untuk itu, mari kita lihat kelebihan dan kekurangan kompresi lossy vs lossless.

Bagaimana Kompresi Gambar Dapat Membantu Gambar Web Anda

Secara umum, "kompresi" meremas minimum dan maksimum lebih dekat. Misalnya, kompresi menaikkan volume terendah dalam musik dan mengurangi volume tertinggi. Hal ini membuat tingkat rata-rata lebih keras ke telinga.

Untuk gambar, kompresi lebih merupakan proses reduktif. Ini berarti ada penekanan yang lebih besar pada pengambilan data dari gambar Anda untuk mengurangi ukuran file, sambil menjaga kualitasnya setinggi mungkin.

Ada banyak algoritma kepemilikan yang berbeda untuk membantu mengurangi ukuran file gambar. Dalam banyak kasus, ini adalah milik perusahaan tertentu. Anda akan menemukan banyak standar kompresi "lossy" dan "lossless", masing-masing dengan deskriptor unik:

Semua yang dikatakan, ada banyak manfaat untuk menerapkan kompresi gambar yang tidak eksklusif untuk format tertentu:

• Anda dapat menjaga ukuran file tetap rendah, yang meningkatkan kinerja situs Anda.
• Dengan ekstensi, server situs Anda akan memiliki lebih sedikit pekerjaan yang harus dilakukan, memengaruhi kinerja.
• Ukuran file kecil membantu mengurangi emisi server. Dengan demikian, Anda membantu berkontribusi pada masa depan yang berkelanjutan dan etis.
• Anda dapat menampilkan kualitas yang hampir sempurna dan sebanding tergantung pada algoritme dan kualitas kompresi yang Anda pilih.

Sama seperti membuat gambar yang dapat dibagikan, bermain dengan berbagai nilai kompresi, menggunakan perusahaan tertentu, dan memilih algoritme yang benar sangat penting dalam menemukan hasil yang sesuai untuk Anda.

Pro dan Kontra Kompresi Lossy

Kompresi lossy mengurangi ukuran file gambar, hampir mengesampingkan semua aspek lainnya. Cara kerja algoritma ini adalah dengan menghapus data secara permanen. Ini bisa sama merusaknya dengan kedengarannya.

Meskipun kita tidak akan terlalu banyak membahasnya, ketahuilah bahwa beberapa penghapusan kompresi data yang hilang terlihat pada gambar. Idenya adalah untuk menawarkan representasi terbaik dari gambar asli berkualitas tinggi dengan bobot yang lebih ringan — dan ini berarti beberapa data tidak akan berhasil.

Secara umum, ada beberapa keuntungan menggunakan kompresi lossy:

Mendaftar Untuk Buletin

Ingin tahu bagaimana kami meningkatkan lalu lintas kami lebih dari 1000%?

Bergabunglah dengan 20.000+ orang lain yang mendapatkan buletin mingguan kami dengan kiat-kiat WordPress orang dalam!

Berlangganan sekarang

• Ukuran file akan kecil — dalam beberapa kasus, di bawah 10 kilobyte (KB).
• Hilangnya kualitas akan dapat diterima dalam banyak kasus, meskipun artefak.

Ini membawa kita ke sisi negatif dari penggunaan kompresi lossy — bahwa kualitas gambar akan berkurang dengan jumlah kompresi berapa pun:

Anda akan menemukan pita warna — di mana corak warna tidak ditampilkan dengan cara yang benar — dan hilangnya kejelasan tepi akan terlihat dalam beberapa kasus. Gambar dengan warna yang lebih sedikit akan menunjukkan lebih sedikit dari ini, tetapi pengurangan kejelasan akan tetap ada.

Juga, degradasi gambar adalah fitur permanen dari proses kompresi. Ini berarti tidak ada cara untuk membalikkan efek di kemudian hari.

Terlepas dari kekurangannya, kompresi lossy sangat baik untuk web dan kinerja situs Anda. Ukuran file yang kecil tidak selalu menghasilkan gambar yang kasar, meskipun Anda dapat (tentu saja) melakukan hal-hal yang ekstrem:

Namun, lossy bukan satu-satunya pilihan. Kompresi lossless adalah alternatif bagi pemilik situs yang sadar akan kualitas.

Pro dan Kontra Kompresi Lossless

Kompresi lossless melakukan apa yang tertulis pada label: Kompresi ukuran file gambar sebanyak mungkin tanpa mempengaruhi kualitas yang terlihat. Ini dilakukan dengan menghapus metadata gambar, yang dapat memakan ruang yang tidak perlu:

Algoritme kompresi lossless juga mencari pengulangan urutan piksel, lalu mengkodekan pintasan untuk menampilkannya. Misalnya, ambil "Antarmuka Baris Perintah." Anda akan sering menentukan akronimnya sekali, lalu menggunakan "CLI" (atau akronim pilihan Anda) untuk merujuknya secepat kilat

Kompresi lossless bekerja dengan cara yang sama karena tidak terlalu merusak. Meskipun menghapus metadata tidak akan dapat dibalik, beberapa kompresi akan, menjadikannya algoritme yang fleksibel untuk banyak kegunaan.

Kelebihan menggunakan kompresi lossless berkisar pada mempertahankan kualitas:

• Kompresi lossless mempertahankan kualitas gambar yang paling baik dibandingkan dengan semua algoritma lainnya.
• Lossless sangat bagus untuk tujuan pengarsipan. Misalnya, seorang fotografer dapat menyeimbangkan sumber daya penyimpanan dengan gambar yang menyimpan data paling banyak.
• Lossless adalah algoritma kompresi yang disukai untuk seni visual: fotografi, desain grafis, seni digital, dan banyak lagi. Menggabungkan algoritma lossless dengan kedalaman dan resolusi yang tepat dapat menghasilkan salinan "satu-ke-satu".

Namun, ada sesuatu yang perlu diperhatikan tentang seberapa baik kompresi lossless melayani ceruk tertentu: Rentang aplikasinya kecil. Ini mengurangi ketersediaannya secara keseluruhan.

Berikut adalah beberapa kontra lain dari kompresi lossless untuk dipertimbangkan:

• Jika situs web menggunakan banyak gambar, kompresi lossless mungkin tidak optimal untuk menampilkannya. Ini karena Anda ingin menilai ukuran file yang lebih kecil dalam situasi seperti ini dalam banyak kasus.
• Meskipun kompresi mengurangi ukuran file, algoritma lossless tidak mengubah data gambar sebanyak lossy. Karena itu, Anda mungkin hanya melihat pengurangan kecil dalam ukuran daripada hasil pelangsingan yang ekstrem.

Selanjutnya, kita akan melihat cara tercepat (dan berpotensi terbaik) untuk melakukannya.

Cara Memilih Antara Lossy vs Lossless

Pada titik ini, Anda memahami perbedaan antara kompresi lossy vs lossless. Namun, Anda mungkin masih belum tahu algoritma mana yang terbaik untuk digunakan di situs Anda.

Ada dua situasi yang perlu dipertimbangkan:

1. Untuk sebagian besar kasus penggunaan di web, kompresi lossy dapat diterima untuk digunakan.
2. Jika Anda ingin menampilkan fotografi atau seni yang difoto, kompresi lossless akan membantu Anda lebih baik.

Pertimbangan ini bergantung pada penggunaan salah satu format gambar web standar, seperti JPEG, PNG, atau GIF. Namun, kebutuhan kompresi Anda mungkin berbeda dengan format yang lebih modern seperti HEIC dan WebP.

Kami akan mengatakan bahwa kecuali Anda menampilkan fotografi di situs Anda, kompresi lossy harus menjadi pilihan default Anda. WordPress mengompresi gambar secara default, yang menggambarkan bahwa kompresi lossy cocok untuk hampir semua aplikasi.

Menggunakan Layanan Kompresi Online untuk Mengoptimalkan Gambar Anda

Ada banyak cara untuk mengompres gambar sebelum Anda menampilkannya di situs Anda. Misalnya, Anda mungkin memilih untuk menerapkan kompresi pada tahap pengeditan. Ini bisa menjadi produk sampingan dari konversi dari format RAW.

Namun, pilihan yang populer adalah salah satu dari banyak layanan online. Masing-masing akan menawarkan pilihan algoritme dan antarmuka pengguna (UI) yang patut dicontoh. Terlebih lagi, sebagian besar memiliki beberapa layanan gratis, setidaknya untuk mencoba aplikasi sebelum Anda berkomitmen.

Kami membahas beberapa opsi dalam artikel kami tentang pengoptimalan gambar, meskipun ini adalah plugin khusus WordPress yang terhubung ke antarmuka pemrograman aplikasi (API). Kabar baiknya adalah banyak dari plugin ini juga menyediakan antarmuka online. Misalnya, pertimbangkan ShortPixel:

Di sini, Anda akan menyeret gambar ke pengunggah, lalu menunggu aplikasi mengompres dan memprosesnya. Namun, Anda sebaiknya memilih algoritme terlebih dahulu, karena prosesnya akan langsung dimulai.

Pilihannya sederhana: Dua bentuk kompresi lossy ("Lossy" dan "Glossy"), dan opsi lossless. Antarmuka ShortPixel melakukan pekerjaan yang baik untuk menjelaskan perbedaan antara setiap algoritme, dan Anda dapat mengunduh gambar dalam hitungan detik.

Meskipun keduanya dapat memenuhi permintaan Anda, antarmuka Imagify terlihat lebih apik dan lebih profesional daripada ShortPixel. Ada juga tiga "tingkat kompresi" di sini — Normal, Agresif, dan Ultra:

Sedikit perbedaan di sini adalah bahwa Imagify dimulai dengan kompresi lossless, dan bekerja hingga algoritma lossy dengan artefak berat. Namun, ada beberapa opsi lain yang tidak akan Anda temukan di solusi lain.

Sebagai permulaan, Anda dapat menyimpan data EXIF ​​​​untuk gambar Anda, dan bahkan mengubah ukurannya setelah konversi. Terkadang ini sangat berharga, terutama jika Anda ingin menerapkan tingkat kompresi yang dapat menghapus data EXIF ​​​​atau membatasi cara Anda mengubah ukuran gambar.

Sama seperti senama mitosnya, Kraken dapat mengacaukan gambar Anda dan menerapkan berbagai jenis kompresi. Sebagian besar pengguna akan memilih jenis Lossy atau Lossless.

Namun, ada juga mode Pakar:

Ini memungkinkan Anda menyesuaikan kompresi dengan kebutuhan Anda sendiri, di antara opsi lainnya. Misalnya, Anda dapat menyesuaikan tingkat kompresi JPEG dan PNG, memilih untuk mempertahankan metadata dari gambar, dan bahkan bekerja dengan subsampling chroma untuk mengubah warna lebih jauh.

Ringkasan

Gambar bisa tampak seperti aspek sederhana dari situs Anda: Anda mengambil file, mengunggahnya ke WordPress, lalu menambahkan Blok Gambar untuk menampilkannya.

Namun, ada lebih banyak proses penyiapan gambar untuk web daripada yang mungkin Anda sadari. Format kompresi yang Anda pilih dapat memengaruhi ukuran file, kualitas gambar, dan lainnya.

Posting ini telah melihat kompresi lossy vs lossless dan menyimpulkan mana yang harus Anda pilih. Meskipun berjalan di atas tali kualitas vs ukuran, kompresi lossy sangat cocok untuk sebagian besar kasus penggunaan di web. Fotografer atau mereka yang peduli dengan gangguan kualitas gambar akan ingin menggunakan kompresi lossless, meskipun ada lebih sedikit manfaat mengenai ukuran file.

Di sisi mana Anda berdiri dalam pertempuran antara kompresi lossy vs lossless? Beri tahu kami pendapat Anda di bagian komentar di bawah!