Merubah Gambar Menjadi Webp Pada Postingan Blog Amp

Baca Juga

Merubah Gambar Menjadi WebP Pada Postingan Blog AMP - Selamat pagi sahabat blogger. Setelah sebelumnya saya posting Cara Merapihkan Postingan Gambar Pada Blog AMP. Kali ini saya akan coba posting Cara Merubah Gambar Menjadi WebP Pada Postingan Blog AMP.

Untuk ketika ini Blogger belum support untuk upload gambar dengan format webp, namun walaupun begitu, kita masih dapat mengakalinya dengan mengkonversi gambar biar menjadi webp pada postingan blog AMP HTML.

Google menganjurkan untuk memakai gambar dengan format webp. Kebetulan pada blog AMP HTML, untuk penggunaan gambar format webp lebih mudah, alasannya ialah dapat memakai gambar fallback untuk browser-browser yang belum support format webp.

Jadi, dengan cara ini kita dapat optimalkan gambar untuk meningkatkan loading halaman postingan, setidaknya loading halaman pada browser-browser yang sudah mendukung gambar berformat webp ibarat Google Chrome dan Opera. Namun kita tetap masih dapat menampilkan gambar pada browser-browser yang belum support webp.

Untuk cara mengkonversi gambar menjadi webp ini pun cukup mudah. Kita hanya menambahkan aba-aba -rw pada URL gambar Blogger pada bab size /s..../ (contoh: /s1600/).

Sebagai contoh, untuk merubah atau mengkonversi gambar menjadi webp akan terlihat ibarat pada pola URL image Blogger dibawah ini.

Ini ialah URL orisinil ketika kita gres mengupload gambar pada blogger:

 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKRz96ZlGaKcCEmarYRpArqWX_djmayeB5JKWS3kaRS-bN5HDvr5dVf9XETXAcfRLB5ARQTAv0BLBSnyeR7Sh_bxe5L5NU8Lg0AmokVU86o3lOZxKe8duHKMV6JulSZz8JO40BoS6Psdk/s1600/gambar-webp.png

Dan ini ialah url image Blogger yang akan kita rubah menjadi webp:

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKRz96ZlGaKcCEmarYRpArqWX_djmayeB5JKWS3kaRS-bN5HDvr5dVf9XETXAcfRLB5ARQTAv0BLBSnyeR7Sh_bxe5L5NU8Lg0AmokVU86o3lOZxKe8duHKMV6JulSZz8JO40BoS6Psdk/-rw/gambar-webp.png

Sehingga ketika dipakai pada amp-image dengan fallback untuk menampilkan gambar webp akan terlihat ibarat url gambar berikut ini.

 <amp-img alt="Merubah Gambar Menjadi WebP Pada Postingan Blog AMP Merubah Gambar Menjadi WebP Pada Postingan Blog AMP"
   width="1000"
   height="500"
   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKRz96ZlGaKcCEmarYRpArqWX_djmayeB5JKWS3kaRS-bN5HDvr5dVf9XETXAcfRLB5ARQTAv0BLBSnyeR7Sh_bxe5L5NU8Lg0AmokVU86o3lOZxKe8duHKMV6JulSZz8JO40BoS6Psdk/-rw/gambar-webp.png"
   title="Merubah Gambar Menjadi WebP Pada Postingan Blog AMP"
   layout="responsive">
   <amp-img alt="Merubah Gambar Menjadi WebP Pada Postingan Blog AMP Merubah Gambar Menjadi WebP Pada Postingan Blog AMP"
     fallback
     width="1000"
     height="500"
     src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKRz96ZlGaKcCEmarYRpArqWX_djmayeB5JKWS3kaRS-bN5HDvr5dVf9XETXAcfRLB5ARQTAv0BLBSnyeR7Sh_bxe5L5NU8Lg0AmokVU86o3lOZxKe8duHKMV6JulSZz8JO40BoS6Psdk/s1600/gambar-webp.png"
     title="Merubah Gambar Menjadi WebP Pada Postingan Blog AMP"
     layout="responsive"></amp-img>
 </amp-img>

Dan penampakannya akan ibarat gambar di bawah ini.


Note: Cara ini tidak berlaku untuk gambar dengan format *.gif.

Jika Anda memakai Google Chrome, coba klik kanan pada gambar di atas kemudian Save image as... maka gambar akan disimpan dengan format file *.webp

Source: https://mamankdzgn.blogspot.com//search?q=cara-mudah-mengkonversi-gambar-blogger