Skip to main content
Website Mini

follow us

Merubah Gambar Menjadi WebP Untuk Blog AMP HTML

Merubah Gambar Menjadi WebP Untuk Blog AMP HTML - Walaupun saat ini Blogger belum support upload gambar dengan format webp, tapi kita masih bisa mengakalinya dengan mengkonversi gambar agar menjadi webp pada blog AMP HTML.

Google menganjurkan untuk menggunakan gambar dengan format webp. Kebetulan pada AMP HTML, untuk penggunaan gambar format webp lebih mudah karena bisa menggunakan gambar fallback untuk browser-browser yang belum support webp.

Jadi, dengan cara seperti ini kita bisa meningkatkan loading halaman postingan, setidaknya loading halaman pada browser-browser yang sudah mendukung gambar berformat webp seperti Google Chrome dan Opera. Namun kita tetap masih bisa 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 kode -rw pada URL gambar Blogger pada bagian size /s..../ (contoh: /s1600/).

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

Ini adalah URL asli saat kita baru mengupload gambar pada blogger:

src="https://4.bp.blogspot.com/-gYhE05vVLgo/WvLwFz_6toI/AAAAAAAAB_U/qpfoXZMGlB8cKbo6bgTNTaJXRlvtbqbugCLcBGAs/s1600/gambar-webp.png

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

https://4.bp.blogspot.com/-gYhE05vVLgo/WvLwFz_6toI/AAAAAAAAB_U/qpfoXZMGlB8cKbo6bgTNTaJXRlvtbqbugCLcBGAs/s1600-rw/gambar-webp.png

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


<amp-img alt="Contoh gambar blogger menjadi webp"
  width="1000"
  height="500"
  src="https://4.bp.blogspot.com/-gYhE05vVLgo/WvLwFz_6toI/AAAAAAAAB_U/qpfoXZMGlB8cKbo6bgTNTaJXRlvtbqbugCLcBGAs/s1600-rw/gambar-webp.png"
  title="Contoh gambar blogger menjadi webp"
  layout="responsive">
  <amp-img alt="Contoh gambar blogger menjadi webp"
    fallback
    width="1000"
    height="500"
    src="https://4.bp.blogspot.com/-gYhE05vVLgo/WvLwFz_6toI/AAAAAAAAB_U/qpfoXZMGlB8cKbo6bgTNTaJXRlvtbqbugCLcBGAs/s1600/gambar-webp.png"
    title="Contoh gambar blogger menjadi webp"
    layout="responsive"></amp-img>
</amp-img>

Dan penampakannya akan seperti gambar di bawah ini.


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

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

Source: https://www.kompiajaib.com/2018/04/cara-mudah-mengkonversi-gambar-blogger.html

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar