Mengganti Gambar Menjadi Webp Pada Artikel Blog Amp

Merubah Gambar Menjadi WebP Pada Postingan Blog AMP – Untuk ketika ini Blogger belum support untuk upload gambar dengan format webp, tetapi meskipun begitu, kita masih mampu mengakalinya dengan mengkonversi gambar agar menjadi webp pada artikel blog AMP HTML.

Google merekomendasikan untuk memakai gambar dengan format webp. Kebetulan pada blog AMP HTML, untuk penggunaan gambar format webp lebih gampang, karena mampu memakai gambar fallback untuk browser-browser yang belum support format webp.

Kaprikornus, dengan cara ini kita bisa optimalkan gambar untuk meningkatkan loading halaman artikel, setidaknya loading halaman pada browser-browser yang telah mendukung gambar berformat webp seperti Google Chrome dan Opera. Namun kita tetap masih mampu menampilkan gambar pada browser-browser yang belum support webp.

Untuk cara mengkonversi gambar menjadi webp ini pun cukup gampang. Kita cuma menyertakan kode -rw pada URL gambar Blogger pada bab size /s..../ (pola: /s1600/).

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

Ini yaitu URL orisinil dikala kita baru mengupload gambar pada blogger:

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

Dan ini yakni url image Blogger yang hendak kita rubah menjadi webp:

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

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

    width="1000"
  height="500"
  src="https://4.bp.blogspot.com/-gYhE05vVLgo/WvLwFz_6toI/AAAAAAAAB_U/qpfoXZMGlB8cKbo6bgTNTaJXRlvtbqbugCLcBGAs/s1600-rw/gambar-webp.png"
  title="Merubah Gambar Menjadi WebP Pada Postingan Blog AMP"
  layout="responsive">
      fallback
    width="1000"
    height="500"
    src="https://4.bp.blogspot.com/-gYhE05vVLgo/WvLwFz_6toI/AAAAAAAAB_U/qpfoXZMGlB8cKbo6bgTNTaJXRlvtbqbugCLcBGAs/s1600/gambar-webp.png"
    title="Merubah Gambar Menjadi WebP Pada Postingan Blog AMP"
    layout="responsive">


Dan penampakannya akan mirip 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 kemudian Save image as… maka gambar akan disimpan dengan format file *.webp

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

Tinggalkan komentar