WebP memampatkan foto tentang 25 hingga 34 persen lebih kecil dari JPG dengan kualitas visual yang sama, menurut penelitian Google terhadap 1.000 gambar web. Keduanya adalah format lossy yang dibuat untuk foto, jadi pertanyaan sebenarnya bukanlah mana yang terlihat lebih baik, namun keseimbangan ukuran, kompatibilitas, dan fitur mana yang sesuai dengan pekerjaan Anda. JPG berasal dari tahun 1992 dan terbuka di setiap perangkat yang pernah dibuat. WebP hadir pada tahun 2010 dan menambahkan transparansi, animasi, dan mode lossless yang tidak dimiliki JPG. Perbandingan ini mencakup dari mana kedua format tersebut berasal, pengujian ukuran, bagaimana masing-masing format gagal dalam kompresi, fitur yang ditambahkan WebP, dukungan browser, efek pada kecepatan halaman, dan kasus di mana JPG tetap menjadi pilihan yang lebih aman.

Tidak ada format yang jelas merupakan pemenang. WebP unggul dalam ukuran dan fitur file; JPG menang dalam jangkauan universal. Sebagian besar situs web modern kini menyajikan WebP dengan pengganti JPG, sehingga memberikan keuntungan ukuran bagi browser baru dan keamanan bagi browser lainnya. Pada akhirnya Anda akan mengetahui mana yang akan digunakan untuk foto, pengiriman web, pengunggahan, dan pengarsipan.

Apa itu JPG

JPG berasal dari Joint Photographic Experts Group, sebuah komite yang mendefinisikannya pada tahun 1992, dan dibuat untuk satu tujuan: membuat foto berukuran kecil. Ini menggunakan kompresi lossy, membagi gambar menjadi Blok 8 kali 8 piksel dan membuang detail halus yang nyaris tidak terlihat oleh penglihatan manusia. Putaran kualitas dari 0 hingga 100 mengontrol seberapa agresif pembuangan tersebut. Setelah lebih dari tiga dekade, dukungan JPG bersifat universal: setiap sistem operasi, browser, kamera, printer, dan aplikasi foto membacanya tanpa pengaturan. Jangkauan tersebut adalah kekuatannya yang menentukan.

JPG memiliki batasan nyata. Ini tidak memberikan transparansi, jadi setiap area tembus pandang akan diratakan menjadi warna solid. Ini menurun sedikit pada setiap penyimpanan ulang, efek yang disebut hilangnya generasi. Dan teks yang tajam dan tepi yang keras tercoreng dengan kualitas yang lebih rendah, karena itu adalah detail frekuensi tinggi yang dibuang terlebih dahulu oleh kompresinya. Untuk foto yang dibagikan secara luas, semua ini tidak terlalu penting, itulah sebabnya JPG bertahan lama.

Apa itu WebP

WebP adalah format gambar yang dirilis Google pada tahun 2010, dibuat berdasarkan kompresi dari codec video VP8-nya. Tujuannya jelas: membuat gambar web lebih kecil sehingga halaman dimuat lebih cepat. Google merancangnya untuk menggantikan tiga format sekaligus, serasi Kompresi fotografi JPG, transparansi PNG, dan animasi GIF dalam satu wadah. Ia menawarkan mode lossy untuk foto dan mode lossless yang sama persis dengan PNG.

Dimana WebP mengikuti JPG adalah usia. Ini empat belas tahun lebih baru, jadi beberapa program lama, beberapa klien email, dan formulir unggahan tertentu masih belum membacanya. Di web terbuka, kesenjangan itu telah tertutup, karena setiap browser saat ini mendukung WebP. Namun untuk file yang berada di luar kendali Anda, format yang lebih muda memiliki risiko kecil yang tidak dimiliki oleh format lama.

Ukuran file dengan kualitas yang sesuai

Ukuran file adalah keunggulan WebP di atas kertas. Dengan kualitas persepsi yang sama, mode lossy WebP menahan foto kira-kira sepertiga lebih sedikit ruang daripada JPG, karena menggunakan prediksi dan pengkodean entropi yang lebih baru. Kesenjangan tersebut melebar pada gambar dengan area datar dan tepi bersih, dan menyempit pada foto berbintik dan detail di mana kedua format kesulitan menemukan redundansi. Studi 1.000 gambar Google menunjukkan penghematan rata-rata sebesar 25 hingga 34 persen.

Di halaman web yang penuh gambar, sepertiga dari setiap foto adalah asli. Halaman yang memuat JPG berukuran 3MB turun menjadi sekitar 2MB sebagai WebP, yang merupakan waktu muat beberapa detik pada koneksi seluler yang lambat. Lipat gandakan di setiap halaman situs dan penghematan bandwidth akan sangat besar, baik untuk pengunjung maupun biaya hosting.

Dimana kualitasnya berbeda

Kualitas paling berbeda dalam cara setiap format gagal di bawah tekanan. JPG membobolnya 8 kali 8 blok dan menyebarkan artefak dering samar di sekitar tepi yang keras saat didorong dengan kuat. WebP cenderung mengaburkan detail halus menjadi hasil yang lembut dan sedikit buram, bukan menghalangi. Tidak ada yang lebih baik secara obyektif. Memblokir lebih mengalihkan perhatian beberapa mata; kelembutan mengganggu orang lain.

Pada pengaturan kualitas tinggi, perbedaannya hilang. Kedua format tersebut terlihat identik dengan aslinya pada kualitas 90, jadi pilihannya murni pada ukuran dan fitur. Perbedaannya hanya muncul di bawah kompresi berat, di mana Anda sengaja menukar kualitas dengan ukuran, dan itupun tidak kentara pada sebagian besar foto.

Apa yang WebP tambahkan yang kurang dari JPG

WebP melakukan tiga hal yang tidak bisa dilakukan JPG, dan masing-masing penting untuk pekerjaan berbeda:

Transparansi: WebP mempertahankan saluran alfa penuh, sehingga potongan logo atau foto produk tetap tembus pandang, sedangkan JPG mengisi latar belakang dengan warna solid.
Animasi: WebP mendukung klip animasi, menggantikan GIF dengan file berukuran kecil dan jutaan warna, bukan 256.
Mode tanpa kerugian: WebP dapat sama persis dengan PNG, piksel demi piksel, namun bobotnya lebih ringan, sehingga berfungsi ganda sebagai pengganti PNG.

JPG tidak menawarkan semua ini. Ini adalah format foto satu tujuan, yang membuatnya tetap sederhana namun sempit.

Dukungan browser dan perangkat lunak

Dukungan adalah keunggulan JPG yang tersisa, dan semakin menyempit. JPG terbuka setiap browser, klien email, printer, dan program lama pernah dibuat. WebP sekarang dibaca oleh Chrome, Firefox, Safari, dan Edge, jadi di web terbuka, pertanyaan kompatibilitas pada dasarnya telah diselesaikan. Kesenjangan juga terjadi di tempat lain: beberapa perangkat lunak desktop lama, beberapa klien email, dan banyak formulir unggahan masih hanya menerima JPG atau PNG.

Inilah sebabnya mengapa keduanya hidup berdampingan, bukan yang satu menggantikan yang lain. Di situs web yang Anda kendalikan, WebP aman. Untuk file yang Anda kirim melalui email, cetak, atau unggah ke sistem yang tidak dikenal, JPG menghindari setiap pertanyaan kompatibilitas dalam satu langkah.

Pengaruhnya terhadap kecepatan website

Pilihan format mempengaruhi kecepatan, dan kecepatan mempengaruhi peringkat. Gambar biasanya merupakan bagian terberat dari halaman web, dan bobot halaman langsung dimasukkan ke dalamnya Cat Contentful Terbesar, salah satu Data Web Inti Google dan sinyal peringkat yang dikonfirmasi. Memotong setiap foto sebanyak sepertiganya akan meningkatkan waktu muat, skor LCP, dan rasio pentalan secara signifikan. Halaman yang lebih cepat juga menghasilkan konversi yang lebih baik, sehingga pekerjaan tersebut dibayar dua kali lipat.

Pola praktis yang digunakan sebagian besar situs bersifat progresif: menyajikan WebP ke browser yang menerimanya dan kembali ke JPG untuk sisanya. Elemen gambar HTML dan sebagian besar sistem pengelolaan konten menangani hal ini secara otomatis, sehingga pengunjung modern mendapatkan file kecil dan pengunjung lama tetap melihat gambar tersebut.

Ketika JPG masih menjadi pilihan yang lebih aman

JPG menang ketika jangkauan lebih penting daripada ukuran. Untuk foto yang Anda lampirkan ke email, diserahkan ke toko percetakan, atau diunggah ke portal yang hanya mencantumkan JPG dan PNG, format veteran menghindari risiko bahwa penerima tidak dapat membuka WebP. Ini juga merupakan default aman untuk file yang tidak akan Anda kelola sendiri, karena Anda tidak dapat menjamin perangkat lunak di sisi lain.

Untuk pengarsipan, keduanya berfungsi, meskipun banyak fotografer menyimpan master sebagai format lossless dan mengekspor salinan JPG atau WebP untuk dibagikan. Aturannya sederhana: WebP untuk situs web Anda sendiri, JPG untuk apa pun yang jatuh ke tangan yang tidak dikenal.

Bagaimana mengkonversi antara keduanya

Mengonversi kedua arah tidak memerlukan instalasi. Konverter browser mengkodekan ulang file di perangkat Anda, sehingga tidak ada yang diunggah saat Anda mengganti format. Kami Konverter PNG ke JPG dan Konverter PNG ke WebP keduanya dijalankan melalui HTML5 Canvas API, mengelompokkan beberapa file sekaligus, dan tidak menambahkan tanda air. Atur kualitas, konversi, dan unduh. Untuk situs web, simpan yang asli dan buat cadangan WebP dan JPG.

Mengapa fotografer masih menggunakan JPG

Fotografer bersandar pada JPG karena alasan di luar kompatibilitas. Setiap kamera memotret JPG langsung dari sensornya, sehingga ini adalah format handoff asli untuk pengambilan gambar. Laboratorium foto, perpustakaan stok, dan sistem pengiriman klien semuanya mengharapkan JPG, dan perangkat lunak pengeditan selama puluhan tahun memperlakukannya sebagai dasar. Seorang fotografer mengirimkan galeri ke klien memilih JPG karena klien dapat membukanya di mana saja, di perangkat apa pun, tanpa berpikir dua kali.

WebP merambah ke dunia ini melalui galeri web dan portofolio, di mana ukurannya yang lebih kecil mempercepat penelusuran. Namun untuk pengiriman dan pengarsipan, universalitas JPG masih melebihi keunggulan ukuran WebP. Pola yang muncul konsisten: WebP untuk salinan yang menghadap web, JPG untuk file yang berada di luar kendali fotografer.

Bagaimana pengaturan kualitas mengubah perbandingan

Putaran kualitas mengubah format mana yang terlihat lebih baik. Di kualitas 90 ke atas, JPG dan WebP secara visual identik, jadi satu-satunya perbedaan adalah ukuran file, di mana WebP menang. Turun ke kualitas 60 atau lebih rendah dan keduanya berbeda: JPG menunjukkan kotak kotak-kotak dan berdering di sekitar tepinya, sementara WebP menjadi lembut. Tidak ada yang menyenangkan, tetapi kegagalannya berbeda.

Inilah sebabnya perbandingan yang adil selalu sesuai dengan kualitas, bukan ukuran file. Membandingkan JPG kualitas-90 dengan WebP kualitas-60 tidak membuktikan apa pun, karena Anda mengubah dua variabel. Dengan kualitas yang sesuai, WebP merupakan file yang lebih kecil dengan penanganan tepian yang sama atau lebih baik, yang merupakan pembacaan yang jujur dari kedua format tersebut.

Putusannya

WebP unggul dalam hal teknis: file lebih kecil, transparansi, animasi, dan mode lossless, semuanya dengan dukungan browser modern penuh. JPG menang dalam satu hal yang masih penting, yaitu terbuka sepenuhnya di mana saja tanpa pertanyaan. Gunakan WebP untuk situs web Anda dan JPG untuk apa pun yang Anda kirim ke tempat yang tidak diketahui, dan sajikan WebP dengan fallback JPG saat Anda menginginkan keduanya.

Pertanyaan yang sering diajukan

Pengaturan kualitas manakah yang harus saya gunakan untuk WebP?

Kualitas 80 hingga 90 untuk foto yang perbedaannya dengan aslinya tidak terlihat. Turunkan hanya ketika Anda membutuhkan file yang jauh lebih kecil dan dapat menerima kelembutan.

Apakah kamera memotret di WebP?

Tidak. Kamera memotret JPG atau mentah, bukan WebP, jadi JPG tetap menjadi format asli untuk penyampaian fotografi dan alur kerja pengeditan.

Apakah WebP lebih baik dari JPG?

Dari segi ukuran, ya. WebP sekitar 30 persen lebih kecil dengan kualitas yang sesuai dan menambahkan transparansi dan animasi. JPG unggul dalam kompatibilitas universal, itulah sebabnya keduanya tetap digunakan.

Seberapa kecil WebP daripada JPG?

Biasanya 25 hingga 34 persen lebih kecil untuk foto yang sama dengan kualitas yang sama, berdasarkan penelitian Google terhadap 1.000 gambar, dengan selisihnya bergantung pada kontennya.

Apakah WebP terlihat lebih buruk daripada JPG?

Tidak, tidak dengan kualitas tinggi. Keduanya tampak identik dengan aslinya pada pengaturan yang masuk akal. Di bawah kompresi berat, JPG memblokir sementara WebP melunak.

Apakah semua browser mendukung WebP?

Yang modern bisa. Chrome, Firefox, Safari, dan Edge semuanya membaca WebP. Beberapa perangkat lunak desktop lama, klien email, dan formulir unggah masih hanya menerima JPG.

Apakah WebP memiliki latar belakang transparan?

Ya. WebP memiliki saluran alfa penuh, sehingga gambar transparan tetap tembus pandang, tidak seperti JPG, yang meratakan transparansi menjadi warna solid.

Mana yang lebih baik untuk situs web, JPG atau WebP?

WebP, untuk kecepatan. File yang lebih kecil meningkatkan Cat Konten Terbesar, sinyal peringkat. Sajikan WebP dengan fallback JPG sehingga klien lama masih dapat melihat gambarnya.

Bisakah saya mengirim file WebP melalui email?

Berisiko. Beberapa klien email tidak merender WebP, jadi mungkin terlihat rusak. Konversikan ke JPG untuk email, yang ditampilkan setiap klien.

Apakah mengonversi JPG ke WebP menurunkan kualitas?

Sedikit, karena keduanya lossy. Pengkodean ulang menambahkan satu lintasan kompresi. Pada kualitas 90, kerugiannya tidak terlihat, tetapi hindari bolak-balik berulang antar format.

Apakah WebP bagus untuk dicetak?

Tidak, gunakan JPG atau TIFF. Alur kerja pencetakan mengharapkan JPG, TIFF, atau PDF, dan banyak alat pencetakan tidak membaca WebP, jadi konversikan sebelum mengirim ke printer.

Bisakah saya mengonversi JPG ke WebP atau WebP ke JPG?

Ya, dua arah. Konverter browser mengkode ulang dengan cara apa pun di perangkat Anda, sehingga file tidak akan pernah diunggah saat Anda berganti format.

JPG dan WebP keduanya merupakan format foto lossy, namun WebP menyimpan gambar sekitar 30 persen lebih kecil dan menambahkan transparansi, animasi, dan mode lossless yang tidak dimiliki JPG. Jawaban JPG dengan kompatibilitas universal, terbuka di setiap perangkat dan kotak masuk tanpa pertanyaan. Gunakan WebP untuk situs web Anda guna mempercepat halaman dan Data Web Inti, menyimpan JPG untuk email, cetakan, dan formulir unggahan yang tidak diketahui, dan menyajikan WebP dengan fallback JPG untuk mendapatkan keduanya. Konversikan dengan cara apa pun di browser Anda dengan alat kami di atas, gratis dan pribadi.

Referensi cepat: JPG atau WebP

Raihlah WebP saat gambar ada di situs web yang Anda kontrol, saat foto memerlukan transparansi, atau saat kecepatan halaman dan Data Web Inti penting. Raihlah JPG ketika file lepas kendali Anda: lampiran email, pekerjaan pencetakan, pengiriman stok, atau formulir unggah yang hanya mencantumkan JPG dan PNG. Jika Anda menginginkan kedua manfaat tersebut, sajikan WebP dengan pengganti JPG sehingga browser modern mendapatkan file kecil dan semua orang tetap melihat gambarnya. Aturan yang satu ini mencakup hampir setiap keputusan nyata di antara keduanya.