Merubah Gambar Menjadi WebP Untuk Blog AMP HTML - Walaupun ketika ini Blogger belum support upload gambar dengan format webp, tapi kita masih dapat mengakalinya dengan mengkonversi gambar biar menjadi webp pada blog AMP HTML.Google menganjurkan untuk memakai gambar dengan format webp. Kebetulan pada AMP HTML, untuk penggunaan gambar format webp lebih gampang alasannya ialah dapat memakai gambar fallback untuk browser-browser yang belum support webp.
Jadi, dengan cara ibarat ini kita dapat 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.
Baca juga: Cara Agar Postingan Gambar Lebih Rapih Pada Blog AMP HTML
Untuk cara mengkonversi gambar menjadi webp ini pun cukup mudah. Kita hanya menambahkan arahan
-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/AVvXsEjMnmV7RUD-6BGYqgUgmhjDuc7Do-FeYWpmREOwecb7bkPWX7_HaXgi62SgSAnzpxO_MG3w39izF1FPz3j_w_RIxQmTgr4mYUhjxAHnsudvu-DEL25f_O9djVv6_xFH-9-zkr0bWz9c7GI/s1600/gambar-webp.png
Dan ini ialah url image Blogger yang akan kita rubah menjadi webp:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMnmV7RUD-6BGYqgUgmhjDuc7Do-FeYWpmREOwecb7bkPWX7_HaXgi62SgSAnzpxO_MG3w39izF1FPz3j_w_RIxQmTgr4mYUhjxAHnsudvu-DEL25f_O9djVv6_xFH-9-zkr0bWz9c7GI/-rw/gambar-webp.png
See Other Article
Sehingga ketika dipakai pada amp-image dengan fallback untuk menampilkan gambar webp akan terlihat ibarat url gambar berikut ini.
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://xomlic.blogspot.com/search?q=cara-mudah-mengkonversi-gambar-blogger
<amp-img alt="Merubah Gambar Menjadi WebP Untuk Blog AMP HTML Merubah Gambar Menjadi WebP Untuk Blog AMP HTML"
width="1000"
height="500"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMnmV7RUD-6BGYqgUgmhjDuc7Do-FeYWpmREOwecb7bkPWX7_HaXgi62SgSAnzpxO_MG3w39izF1FPz3j_w_RIxQmTgr4mYUhjxAHnsudvu-DEL25f_O9djVv6_xFH-9-zkr0bWz9c7GI/-rw/gambar-webp.png"
title="Merubah Gambar Menjadi WebP Untuk Blog AMP HTML"
layout="responsive">
<amp-img alt="Merubah Gambar Menjadi WebP Untuk Blog AMP HTML Merubah Gambar Menjadi WebP Untuk Blog AMP HTML"
fallback
width="1000"
height="500"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMnmV7RUD-6BGYqgUgmhjDuc7Do-FeYWpmREOwecb7bkPWX7_HaXgi62SgSAnzpxO_MG3w39izF1FPz3j_w_RIxQmTgr4mYUhjxAHnsudvu-DEL25f_O9djVv6_xFH-9-zkr0bWz9c7GI/s1600/gambar-webp.png"
title="Merubah Gambar Menjadi WebP Untuk Blog AMP HTML"
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://xomlic.blogspot.com/search?q=cara-mudah-mengkonversi-gambar-blogger
Share this Article
