Apa Itu WebP? Panduan Lengkap Format Gambar Google

WebP adalah format gambar yang dikembangkan Google untuk memperkecil ukuran gambar di halaman web. Format ini menggabungkan kompresi foto lossy ala JPG, kompresi lossless dan transparansi ala PNG, serta animasi ala GIF dalam satu jenis file. Semua browser terkini bisa menampilkan WebP, tetapi file WebP hasil unduhan yang tidak bisa dibuka di perangkat lunak lama masih menjadi gangguan yang umum. Artikel ini membahas cara kerja WebP, seberapa besar penghematan sebenarnya, dan apa yang perlu diingat saat mengonversinya.

Sejarah singkat WebP

Google mengumumkan WebP di blog Chromium pada 30 September 2010. Versi pertamanya hanya menawarkan kompresi lossy dan didasarkan pada pengodean intra-frame dari codec video VP8. Format ini berkembang pada tahun-tahun berikutnya: FAQ WebP dari Google mencatat kompresi lossless dan transparansi didukung sejak Chrome 23 dan animasi sejak Chrome 32. Lama sekali WebP hanya didefinisikan oleh dokumentasi Google sendiri; pada November 2024, format ini diterbitkan oleh IETF sebagai RFC 9649, dokumen Informational yang ditulis oleh insinyur Google J. Zern, P. Massimino, dan J. Alakuijala, yang juga mendaftarkan media type image/webp.

Cara kerja WebP

Kontainer RIFF

Menurut RFC 9649, WebP didasarkan pada RIFF (Resource Interchange File Format). File diawali header RIFF dan tanda tangan WEBP, lalu data gambar disimpan dalam chunk. Struktur ini memungkinkan satu format menampung berbagai jenis kompresi dan data tambahan secara berdampingan.

WebP lossy (VP8)

WebP lossy menyimpan gambar dalam chunk VP8 menggunakan pengodean intra-frame VP8. Seperti JPEG, format ini bekerja dalam blok, tetapi memprediksi setiap blok dari piksel tetangganya dan hanya mengodekan selisih dari prediksi itu; pengodean prediktif inilah sumber utama keunggulannya atas JPEG. Menurut FAQ Google, WebP lossy bekerja dengan 8-bit dan chroma subsampling 4:2:0 (YUV420), sehingga warna disimpan pada setengah resolusi, sama seperti pengaturan umum JPEG.

WebP lossless (VP8L)

Mode lossless memakai bitstream yang sama sekali berbeda, yaitu VP8L. RFC 9649 menggambarkannya sebagai gabungan LZ77, prefix coding, dan color cache; bersama transformasi seperti memprediksi kanal warna satu dari yang lain, mode ini mengompresi lebih baik daripada PNG. Mode ini bekerja dengan data ARGB 8-bit per kanal.

Transparansi dan animasi

WebP lossless langsung menyertakan kanal alfa. Pada WebP lossy, transparansi disimpan dalam chunk ALPH terpisah, sehingga bagian fotonya bisa lossy sementara tepinya tetap memiliki transparansi penuh. Animasi memakai chunk ANIM dan ANMF, yang mengatur posisi setiap frame, durasinya dalam milidetik, cara pencampuran, dan metode pembuangan. Berbeda dengan GIF, frame tidak dibatasi 256 warna.

Batasan

FAQ Google menyebutkan ukuran maksimum gambar WebP adalah 16383 x 16383 piksel. WebP tidak menawarkan tampilan progresif atau interlaced seperti pada JPEG atau PNG. Kedalaman warnanya terbatas pada 8 bit, sehingga tidak cocok untuk gambar HDR; di situlah AVIF unggul.

Seberapa kecil WebP sebenarnya?

Menurut pengukuran Google sendiri, gambar WebP lossy 25-34% lebih kecil daripada gambar JPEG sebanding pada indeks kualitas SSIM yang setara, dan gambar WebP lossless 26% lebih kecil daripada PNG. Halaman Google yang sama menyebutkan bahwa WebP lossless mendukung transparansi dengan tambahan hanya 22% byte. Ini adalah rata-rata dari set uji Google; gambar Anda sendiri bisa menghemat lebih banyak atau lebih sedikit.

Data web nyata menunjukkan hal serupa: HTTP Archive Web Almanac 2024 menempatkan median gambar WebP di seluler pada 1,3 bit per piksel, dibandingkan 2,0 untuk JPEG dan 3,8 untuk PNG.

Dukungan browser dan perangkat lunak

Menurut Can I use, browser dengan dukungan WebP penuh mencakup 97,18% penggunaan global (Oktober 2026). Dukungan penuh dimulai dari Chrome 32, Firefox 65, Edge 18, dan Safari 16, sedangkan Safari 14 dan 15 menawarkan dukungan sebagian. MDN mencatat bahwa di macOS, Safari memerlukan versi 14 atau lebih baru bersama macOS Big Sur (11) atau yang lebih baru untuk menampilkan WebP.

Adopsinya tumbuh pesat tetapi belum mencapai tingkat JPEG atau PNG. Data W3Techs per Oktober 2026 menunjukkan WebP dipakai di 22,7% situs web yang dipantaunya. Menurut Web Almanac 2024, 12% gambar di halaman seluler adalah WebP, porsi yang naik sekitar tiga poin persentase antara 2022 dan 2024.

Cara menyajikan WebP di situs web

Karena semua browser terkini menampilkan WebP, memakai gambar langsung sebagai .webp sudah cukup untuk sebagian besar situs. Jika Anda juga perlu mendukung browser yang sangat lama, elemen HTML <picture> memungkinkan Anda mencantumkan WebP terlebih dahulu lalu JPG sebagai cadangan. Browser memilih sumber pertama yang dipahaminya:

<picture>
  <source srcset="foto.webp" type="image/webp">
  <img src="foto.jpg" alt="Teks alt yang deskriptif" width="1200" height="800">
</picture>

Sebagian server dan jaringan pengiriman konten (CDN) mengembalikan WebP atau JPG dari URL yang sama, bergantung pada header Accept yang dikirim browser. Ini praktis, tetapi juga menjadi alasan utama orang tiba-tiba mendapat file WebP saat memilih "Save image as".

Masalah umum

WebP yang saya unduh tidak bisa dibuka

Banyak situs otomatis menyajikan gambar sebagai WebP jika browser mendukungnya. Saat Anda memilih "Save image as", Anda mendapatkan file .webp, dan penampil lama, sebagian program perkantoran, layanan cetak, serta formulir unggah yang hanya menerima JPG atau PNG tidak bisa membukanya. Solusi paling praktis adalah mengonversi file ke JPG atau PNG.

WebP animasi berhenti bergerak setelah dikonversi

JPG dan PNG tidak membawa animasi. Saat WebP animasi dikonversi ke salah satu format tersebut, hanya satu frame yang tersisa.

Transparansi hilang

Saat Anda mengonversi WebP transparan ke JPG, area transparan diisi dengan warna solid. Konversikan ke PNG jika Anda perlu mempertahankan transparansi.

File WebP lebih besar dari perkiraan

Mengonversi JPG yang sudah terkompresi dengan baik ke WebP tidak selalu menghemat banyak, dan pengodean ulang juga menambah sedikit kehilangan kualitas. Jika WebP lossless dipilih, file-nya bahkan bisa lebih besar daripada sumbernya.

Tips mengonversi WebP

• Agar WebP bisa dibuka di mana saja: konversi WebP ke JPG untuk foto, atau WebP ke PNG untuk gambar transparan dan grafik tajam. Untuk file WebP animasi, hanya frame pertama yang dikonversi.
• Untuk memperkecil gambar situs Anda: konverter JPG ke WebP dan PNG ke WebP kami memakai kualitas 80 secara bawaan. Untuk sebagian besar foto, ini memberikan penghematan ukuran yang jelas dengan kehilangan yang sulit terlihat.
• Untuk logo dan tangkapan layar, centang "WebP lossless". Setiap piksel dipertahankan persis dan transparansi tetap ada, tetapi file-nya lebih besar daripada mode lossy dan bahkan bisa melebihi sumbernya.
• Untuk mengonversi beberapa format sekaligus, gunakan konverter gambar; Anda bisa menambahkan hingga 50 file sekaligus dan mengunduh hasilnya sebagai ZIP.
• Konversi ini berjalan di browser Anda, sehingga file Anda tidak pernah meninggalkan perangkat Anda. Data EXIF dan lokasi tidak ditulis ke file hasil.

Pertanyaan yang Sering Diajukan

Apakah WebP lossy atau lossless?

Keduanya. WebP punya dua mode kompresi terpisah, lossy (VP8) dan lossless (VP8L). Ekstensi file-nya sama; mode yang dipakai disimpan di chunk di dalam file.

Apakah WebP bisa dibuka di Safari dan iPhone?

Bisa. Safari versi terkini mendukung WebP sepenuhnya. Menurut Can I use, dukungan di Safari 14 dan 15 masih sebagian, dan dukungan penuh hadir bersama Safari 16.

Apakah kualitas WebP lebih baik daripada JPG?

Sebuah format tidak "lebih berkualitas" dengan sendirinya; WebP biasanya memberikan gambar lebih baik pada ukuran file yang sama, atau file lebih kecil pada kualitas gambar yang sama. Dalam pengukuran Google, selisihnya 25-34% pada kualitas yang setara.

Sebaiknya pakai WebP atau AVIF?

AVIF biasanya menghasilkan file lebih kecil untuk foto dan mendukung HDR, tetapi pengodeannya lebih lambat dan dukungannya di perangkat lama lebih baru. WebP dikodekan dengan cepat dan dukungannya sudah lebih lama. Di situs web, pendekatan yang umum adalah menyediakan keduanya melalui elemen <picture> dan mempertahankan JPG sebagai cadangan.

Apakah gambar WebP memengaruhi SEO?

WebP sendiri bukan faktor peringkat, tetapi gambar yang lebih kecil membantu halaman dimuat lebih cepat. Yang penting adalah menyajikan gambar dengan ukuran yang tepat, teks alt yang deskriptif, dan dengan cepat.

Bisakah file WebP dicetak atau dikirim lewat email?

Bisa, tetapi perangkat lunak penerima mungkin tidak bisa membuka WebP, dan layanan cetak serta sebagian formulir unggah perusahaan sering hanya menerima JPG, PNG, atau PDF. Mengonversi foto ke JPG dan gambar transparan ke PNG sebelum dibagikan memastikan file bisa dibuka di mana saja.

Sumber

• RFC 9649: WebP Image Format
• Google for Developers: An image format for the Web
• Google for Developers: WebP Frequently Asked Questions
• Google for Developers: WebP Compression Study
• Chromium Blog: WebP, a new image format for the Web (30 September 2010)
• Can I use: WebP image format
• MDN: Image file type and format guide
• W3Techs: Statistik penggunaan format file gambar di situs web
• HTTP Archive Web Almanac 2024: Media