Sebelum kita bahas langkah-langkahnya baca prolog ini dulu sebentar ya…
WebP? Makanan Apa Itu?
Bagi yang intens bergelut dengan website, pasti pernah merasakan bagaimana lambatnya website karena memuat image yang berukuran besar.
Biasanya image tersebut formatnya adalah png atau jpg.
Format WebP sendiri diciptakan oleh google dengan tujuan membuat halaman website yang berisi gambar semakin ringan dan lebih cepat dibuka.
Jadi WebP sendiri merupakan sebuah gambar yang memiliki ukuran jauh lebih kecil dibanding JPG ataupun PNG.
Meskipun berukuran lebih kecil dan lebih efisien, namun tidak menurunkan kualitas dari gambar.
Nah, udah paham kan, dengan ukuran yang lebih kecil dan kualitas yang tetap bagus, tentunya akan meningkatkan performa website.
Karena, kecepatan website adalah salah satu faktor yang termasuk dalam Core Web Vitals, yang merupakan serangkaian faktor yang Google gunakan untuk menilai pengalaman pengguna (user experience) sebuah website.
Untuk mengukurnya kamu bisa cek kecepatan websitemu melalui link berikut ini https://pagespeed.web.dev/.
Lalu, bagaimana cara mengubah format PNG atau JPG tersebut ke dalam format WebP?
Yuk digasss…
3 Langkah Praktis Mengubah Format Image PNG atau JPG ke Format WebP
1. Kamu harus punya gambar dulu (gak ada gambar ya gak bisa kaliii…)
2. Kunjungi web https://squoosh.app/, lalu drop atau paste gambar, pilih format WebP, setting effort ke 6, quality biarkan di 75%
3. Download dan Gotcha, selesai…
Tutorial Gambar
Berikut Tutorial Dalam bentuk Video
Kesimpulan
WebP adalah format gambar yang diciptakan oleh Google untuk membuat halaman web lebih ringan dan cepat dibuka dengan memperkecil ukuran file gambar tanpa mengorbankan kualitas.
Dengan menggunakan format WebP, website dapat meningkatkan performa karena kecepatan loading website merupakan faktor penting dalam pengalaman pengguna menurut Core Web Vitals yang digunakan oleh Google.
Untuk mengubah format gambar dari PNG atau JPG ke format WebP, dapat dilakukan dengan 3 langkah praktis, yaitu memiliki gambar, mengunjungi situs https://squoosh.app/, dan mengatur pengaturan sebelum mengunduh gambar dalam format WebP.
Terima kasih, semoga tutorial ini bermanfaat.***
