Membuka format gambar WebP di Photoshop menggunakan plugin WebPShop - monoTab

Sebuah format gambar yang dikembangkan oleh Google, dimaksudkan sebagai pengganti format file JPEG, PNG, dan GIF yaitu WebP.

Google mengumumkan format WebP pada September 2010, dan merilis versi stabil pertama dari library pendukungnya pada April 2018.

Namun gambar dengan format WebP ini tentunya belum begitu populer ketimbang JPG atau PNG yang bisa dikatakan lebih duluan lahir 😁, sehingga tidak begitu mendapat sorotan atau support dari software manipulasi gambar seperti Photoshop.

Berikut sedikit penjelasan dan cara membuka format gambar WebP di Photoshop.

Apa itu WebP?

WebP adalah format gambar modern yang menyediakan kompresi lossless dan lossy superior untuk gambar di web.

Dengan menggunakan WebP, webmaster dan pengembang web dapat membuat gambar yang lebih kecil dan kaya yang membuat web lebih cepat.

Keunggulan kompresi lossless dan lossy WebP:

• Gambar lossless WebP berukuran 26% lebih kecil dibandingkan dengan PNG
• Gambar lossy WebP 25-34% lebih kecil dari gambar JPEG yang sebanding dengan indeks kualitas SSIM yang setara.
• Lossless WebP mendukung transparansi (juga dikenal sebagai alpha channel) sama halnya dengan PNG
• Lossy, lossless, dan transparansi semuanya didukung dalam gambar WebP animasi, yang dapat memberikan ukuran yang lebih kecil dibandingkan dengan GIF dan APNG.

Dukungan WebP

WebP didukung secara native di Google Chrome, Safari, Firefox, Edge, browser Opera, dan oleh banyak alat dan pustaka perangkat lunak lainnya.

Pengembang juga menambahkan dukungan ke berbagai tools edit gambar. Sebagaimana plugin WebPShop yang akan kita bahas cara pemasangannya di Photoshop.

Cara membuka format gambar WebP di Photoshop

Mulai dari Photoshop CC versi 23.2 (tahun 2022) keatas, telah memiliki dukungan penuh untuk format file WebP. File WebP sekarang dapat dibuka, dibuat, diedit dan disimpan tanpa memerlukan plugin.

Beda halnya dengan versi dibawahnya yang tidak mendapatkan support. Untungnya telah dibuatkan plugin bagi Photoshop versi lama yaitu WebPShop.

Sebelumnya download dulu di GitHub - webmproject/WebPShop.

atau download langsung 👇

• Windows(x64):
github.com/webmproject/WebPShop/releases/download/v0.3.3/WebPShop_0_3_3_Win_x64.8bi
• macOS (ekstrak zip):
github.com/webmproject/WebPShop/releases/download/v0.3.3/WebPShop_0_3_3_Mac_Universal.zip

Cara memasang plugin WebPShop:

• Plug-in yang telah di download dapat diinstal ke lokasi berikut:
• Windows: \Program Files\Common Files\Adobe\Plug-Ins\CC
• macOS: /Library/Application Support/Adobe/Plug-Ins/CC
• Jalankan Photoshop. Dah siap membuka, mengedit dan menyimpan file WebP 🙂.



Tampilan jendela plugin WebPShop ketika hendak menyimpan file .webp

Jika cara diatas tidak berhasil, kalian bisa eksplor sendiri lokasi path yang tepat untuk versi Photoshop yang kalian gunakan. Yang jelas letakkan file plugin WebPShop dalam folder "Plug-Ins\...dst". Soalnya saya menggunakan Photoshop CS6, jadi path-nya agak beda.

Google juga dikabarkan telah mengembangkan WebP versi kedua sejak Juni 2021. Implementasi referensinya adalah libwebp2.

Namun menurut informasi di situs chromium.googlesource.com/codecs/libwebp2 (Google Git) menjelaskan bahwa WebP 2 adalah codec gambar eksperimental berdasarkan WebP. WebP 2 tidak akan dirilis sebagai format gambar tetapi digunakan sebagai taman bermain untuk eksperimen kompresi gambar.

Sekian tutorial cara membuka format gambar WebP di Photoshop. Saya pribadi telah memakai format WebP untuk gambar pada blog ini.