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 ibarat 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 ibarat 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 ibarat pada pola URL image Blogger berikut ini.

Berikut yaitu URL aslinya:

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkHnE-AIf1-XzAaURLBSMS8Tk0k36a0hll_X9NNkynQoou-4CVXmG-P8TjvW5Xf41cKrqH3iO-YUSW9K7XMLZvylOYLOwKe0Z9A-3DIfDdZGm7hhlLuxsp8QtkShYyzti6pgM8Mka28y8/s1600/blogger-images.png

Dan berikut yaitu image Blogger diubah menjadi webp:

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkHnE-AIf1-XzAaURLBSMS8Tk0k36a0hll_X9NNkynQoou-4CVXmG-P8TjvW5Xf41cKrqH3iO-YUSW9K7XMLZvylOYLOwKe0Z9A-3DIfDdZGm7hhlLuxsp8QtkShYyzti6pgM8Mka28y8/-rw/blogger-images.png

Sehingga saat dipakai pada amp-image dengan fallback untuk menampilkan gambar webp akan tampak ibarat 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/AVvXsEgkHnE-AIf1-XzAaURLBSMS8Tk0k36a0hll_X9NNkynQoou-4CVXmG-P8TjvW5Xf41cKrqH3iO-YUSW9K7XMLZvylOYLOwKe0Z9A-3DIfDdZGm7hhlLuxsp8QtkShYyzti6pgM8Mka28y8/-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/AVvXsEgkHnE-AIf1-XzAaURLBSMS8Tk0k36a0hll_X9NNkynQoou-4CVXmG-P8TjvW5Xf41cKrqH3iO-YUSW9K7XMLZvylOYLOwKe0Z9A-3DIfDdZGm7hhlLuxsp8QtkShYyzti6pgM8Mka28y8/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 ibarat 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.


Sumber https://www.kompiajaib.com/

Share this post