Kenapa saya mengonversi PNG ke WebP (dan kapan sama sekali tidak)

Di desktop saya ada folder bernama to-shrink. Bertahun-tahun folder itu jadi tempat tangkapan layar mati — PNG dua megabyte berisi dasbor dan mockup setengah jadi yang lalu saya kirim ke orang-orang yang sama sekali tak butuh dua megabyte layar saya. Suatu siang saya akhirnya membukanya dan menghitung: bobotnya lebih besar dari aplikasi yang saya rilis ke produksi minggu itu juga. Di situlah masalah diam-diam PNG. Formatnya luar biasa dan sekaligus memboroskan ruang dalam jumlah tak masuk akal, dan kita nyaris tak menyadarinya — bandwidth murah, dan filenya "terbuka baik-baik saja".

Jadi izinkan saya memaparkan argumen yang seandainya saya dapatkan jauh lebih awal. Kalau sebuah PNG menuju sebuah situs — tempat ia akan dilihat, bukan diedit — hampir pasti tempatnya di WebP.

Di mana PNG benar-benar unggul

PNG bekerja tanpa kehilangan. Tiap piksel yang Anda masukkan kembali persis sama, selalu. Dan itu keunggulan sejati — untuk file master. Karena itulah program desain mengekspor PNG, karena itu tangkapan layar berformat PNG, karena itu orang meraihnya setiap kali butuh tepi tajam dan transparansi. Tanpa kehilangan berarti Anda bisa membuka, menyunting, dan menyimpan ulang seratus kali beruntun, dan tak ada yang merosot.

Masalahnya, "menyimpan tiap piksel dengan sempurna" adalah janji yang dibayar dengan byte. Simpan sebuah foto sebagai PNG, dan ia dengan jujur mencatat gradien, derau sensor, dan peralihan warna nyaris tak kasat mata yang toh takkan disadari mata seandainya sedikit perkiraan. Anda membayar harga penuh untuk detail yang tak dilihat siapa pun.

Apa yang bisa dilakukan WebP, dan PNG tidak

WebP adalah jawaban Google atas pertanyaan sederhana: bagaimana kalau kita bikin format yang lebih baik saja? Ia melakukan dua hal yang tak bisa dilakukan PNG. Ia bisa menekan dengan kehilangan saat perlu — membuang yang tak kasat mata seperti JPEG, hanya lebih cerdik — dan tetap menjaga kanal alfa penuh. Bagian kedua itulah keajaiban diam-diamnya. Bertahun-tahun pilihannya begini: "transparansi atau file kecil, pilih salah satu". WebP memberi keduanya sekaligus.

Dalam praktik, PNG foto atau tangkapan layar pada kualitas wajar menyusut sekitar 60–90%. Bukan 10%. Tangkapan 1,8 MB menjadi sekitar 250 KB, dan kalau disandingkan, Anda takkan bisa membedakan satu dari yang lain. Saya lebih sering menguji diri sendiri begini daripada yang mau saya akui, tiap kali yakin sekarang saatnya saya menangkap WebP curang. Tak sekali pun tertangkap.

Perbandingan yang membuat saya percaya

Angka kira-kira dari satu batch yang saya konversi bulan lalu:

Lihat logonya. Ia nyaris tak bergeser — dan justru catatan kaki itulah yang paling penting.

Kapan saya tak repot mengonversi

Grafik sederhana — warna datar, lima-enam saja, tepi tajam — persis yang untuk menekannya PNG dirancang, dan ia melakukannya sebaik yang lain. Ikon dua warna, diagram garis, kode QR: biarkan tetap PNG, atau lebih baik lagi, sajikan sebagai SVG kalau ada vektornya. WebP tak merusak file-file itu, tapi juga tak benar-benar menolong, dan Anda menambah satu langkah tanpa alasan.

Kasus kedua saat saya tak mengonversi adalah file master. Saya tak pernah menyentuh satu-satunya salinan dari apa pun. Mode lossy WebP adalah pintu satu arah: detail yang Anda buang takkan kembali. Jadi inilah satu-satunya aturan yang tak saya langgar — konversikan salinan yang Anda publikasikan, dan simpan aslinya di tempat Anda menyunting. Di mesin saya itu benar-benar dua file: PNG tetap di folder proyek, WebP berangkat ke situs. Asuransi murah, dan saya tak pernah menyesalinya.

"Memangnya bekerja di mana-mana?"

Dulu ini keberatan sungguhan, sekarang tidak lagi. Semua browser yang benar-benar dipakai orang mendukung WebP sejak sekitar 2020 — Chrome, Safari, Firefox, Edge, semuanya. Klien email masih untung-untungan, dan software korporat lawas kadang bertingkah aneh, jadi untuk kampanye email saya masih pakai JPEG. Tapi untuk web terbuka? Menyajikan WebP tanpa cadangan berhenti jadi tindakan berani bertahun-tahun lalu.

Bagaimana saya benar-benar melakukannya

Sejujurnya, konverter PNG ke WebP di situs ini saya bikin karena lelah menyeret tangkapan layar ke alat daring acak untuk menciutkannya, tanpa benar-benar tahu di mana file saya akhirnya berlabuh. Jadi cara yang saya sarankan membosankan dan privat: konversikan di mesin Anda sendiri, langsung di browser, tempat file sama sekali tak meninggalkan perangkat. Jatuhkan PNG, lihat kolom ukuran turun, unduh WebP-nya.

Tapi ini bukan soal alatnya. Ini soal kebiasaan. Begitu "PNG untuk menyunting, WebP untuk menerbitkan" jadi refleks, Anda berhenti mengirim tangkapan layar 2 MB ke orang, halaman Anda jadi lebih cepat cuma-cuma, dan folder to-shrink di desktop itu akhirnya tetap kosong. Punya saya kosong — sudah sekitar setahun. Kemenangan kecil, tapi saya senang.