Cara Gampang Mengkonversi Gambar Blogger Menjadi Webp Untuk Amp-Img Dengan Fallback

Sebenarnya sebelumnya saya tidak kepikiran bahwa gambar Blogger juga dapat dihack menjadi webp menyerupai pada gambar Google Photos. Namun ternyata trik merubah gambar Google Photos menjadi webp dapat juga diterapkan pada gambar Blogger.

Tentunya hal ini menjadi solusi yang paling gampang untuk memakai gambar webp pada postingan-postingan blog AMP sehingga halamannya menjadi lebih ringan (setidaknya pada browser Google Chrome dan Opera).

Cara merubah gambar Blogger menjadi webp ini cukup gampang menyerupai halnya pada Google Photos. Kita tinggal menambahkan arahan -rw pada URL gambar Blogger pada bab size /s..../ (contoh: /s1600/).

Sebagai contoh, merubah gambar Blogger menjadi webp tampak menyerupai pada teladan URL image Blogger berikut ini.

Berikut ialah URL aslinya:

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGXOkqPY97JWo24Avrbl6xWHDeqzJ9LygSk8oe4R0XIhhvnISqbzNsRKr87v9nzyNeLnbENEDYRfvAVTjiUeuIMs_2geZ_Fm5r1cYAGwB5Cdq_NfwR5oVqbVbx8eDnS4brqhHL6YT30QY/s1600/blogger-images.png

Dan berikut ialah image Blogger diubah menjadi webp:

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGXOkqPY97JWo24Avrbl6xWHDeqzJ9LygSk8oe4R0XIhhvnISqbzNsRKr87v9nzyNeLnbENEDYRfvAVTjiUeuIMs_2geZ_Fm5r1cYAGwB5Cdq_NfwR5oVqbVbx8eDnS4brqhHL6YT30QY/-rw/blogger-images.png

Sehingga dikala dipakai pada amp-image dengan fallback untuk menampilkan gambar webp akan tampak menyerupai berikut ini.

 <amp-img alt="Cara Praktis Mengkonversi Gambar Blogger Menjadi WebP Untuk Amp Cara Praktis Mengkonversi Gambar Blogger Menjadi WebP Untuk Amp-img Dengan Fallback"
   width="1000"
   height="600"
   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGXOkqPY97JWo24Avrbl6xWHDeqzJ9LygSk8oe4R0XIhhvnISqbzNsRKr87v9nzyNeLnbENEDYRfvAVTjiUeuIMs_2geZ_Fm5r1cYAGwB5Cdq_NfwR5oVqbVbx8eDnS4brqhHL6YT30QY/-rw/blogger-images.png"
   title="Cara Praktis Mengkonversi Gambar Blogger Menjadi WebP Untuk Amp-img Dengan Fallback"
   layout="responsive">
   <amp-img alt="Cara Praktis Mengkonversi Gambar Blogger Menjadi WebP Untuk Amp Cara Praktis Mengkonversi Gambar Blogger Menjadi WebP Untuk Amp-img Dengan Fallback"
     fallback
     width="1000"
     height="600"
     src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGXOkqPY97JWo24Avrbl6xWHDeqzJ9LygSk8oe4R0XIhhvnISqbzNsRKr87v9nzyNeLnbENEDYRfvAVTjiUeuIMs_2geZ_Fm5r1cYAGwB5Cdq_NfwR5oVqbVbx8eDnS4brqhHL6YT30QY/s1600/blogger-images.png"
     title="Cara Praktis Mengkonversi Gambar Blogger Menjadi WebP Untuk Amp-img Dengan Fallback"
     layout="responsive"></amp-img>
 </amp-img>

Dan penampakannya akan menyerupai gambar di bawah ini.


Catatan: ini tidak berlaku untuk gambar dengan format *.gif.

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

Bagaimana, gampang bukan? Selamat mencoba dan agar bermanfaat.

Share this post