WebP Format Gambar Untuk Website dan Blog

WebP Format Gambar Untuk Website dan blog - webp merupakan format gambar yang mulai dikembangkan oleh google pada tahun 2010, format webp sepertinya memang dikhususkan untuk gambar-gambar yang akan di sajikan didalam sebuah laman web, hal ini karena webp memiliki ukuran file yang sangat kecil jika di bandingkan dengan format gambar JPEG atau PNG, serta webp memiliki kualitas gambar yang juga tidak kalah baik dari kedua format gambar tersebut.

Dengan kemampuannya dalam kompresi sampai 70% pada sebuah gambar tanpa mengurangi kualitas dari gambar tersebut, format gambar webp akan sangat berguna sekali untuk diterapkan pada sebuah website, karena semua asset pada sebuah laman web akan di load (muat) oleh para user maka akan sangat baik jika laman web dan aseetnya di buat menjadi sekecil mungkin atau seminimal mungkin. Selain dapat membuat laman web yang dimuat dapat tampil lebih cepat, hal ini juga dapat mengurangi cost (biaya) pengunaan data yang dikeluarkan oleh para user.

Permasalahan yang di timbulkan jika menggunakan format gambar webp pada sebuah halaman web diataranya format webp tidak support pada web browser versi lawas, dan yang terjadi adalah gambar tidak tampil atau seolah gagal dimuat. Namun untuk semua web browser versi terbaru kabarnya sudah suuport format gambar webp ini.

WebP format ini menggunakan metode yang disebut lossless dan lossy. Metode ini juga merupakan metode kompresi yang dipakai pada format JPEG dan PNG. Lossless adalah metode pengompresan yang dapat mempertahankan setiap bit data asli pada gambar.

Cara convert gambar ke webp

Untuk menconvert gambar di webp ada beberapa cara yang dapat kalian lakukan diantaranya menggunakan web convert gambar webp, menggunakan software convert webp, convert gambar webp di blogger.

Convert webp secara online

jika ingin menconvert gambar ke webp secara online dengan bantuan koneksi internet, kalian dapat menggunakan situs https://gambar.online-convert.com/id/konversi-ke-webp, kalian haya pelu mencari gambar yang akan di convert, lalu klik mulai konversi, terakhir tinggal download gambar yang sudah selesai di convert ke webp.

Convert webp menggunakan software

Cara convert webp menggunakan bantuan software, kalian akan memerlukan bantuan software tambahan yang bisa kalian download disini, software freeware WebPconv ini dikembangkan oleh Romeolight dan merupakan tool gratis yang dapat mempermudah kita dalam menconvert gambar ke webp.

Untuk menggunakan software convert webp ini carannya cukup mudah, setelah kalian mendownload dan menginstall ke komputer kalian, selanjutnya kalian tinggal cari gambar yang ingin kalian convert, dan klik icon play untuk memulai convert, gambar hasil convert akan ditaruh pada desktop komputer kalian. selesai.

Hasil convert menggunakan tool ini pun memiliki size format webp yang lebih kecil dibandingan dengan menconvert dengan cara online diatas, dan secara tampilan gambar nya pun sama persis. Sayangnya tool ini sepertinya belum support di OS (operating system) selain windows, jadi untuk pegguna linux dan macos perlu mencari tool alternative lainnya.

Convert Webp di blogger

untuk pengguna cms blogger, sebenarnya kita tidak perlu melakukan conver gambar ke webp karena bogger akan menconvert dan membaca gambar sebagai webp hanya dengan menambahkan sufix pada url gambar yang kita upload pada blog.

code sufix url nya adalah -rw jadi kalian tinggal menambahkan kode -rw ke url gambar yang di unggah pada blogger.

Contohnya :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRh0rcBWngousfnKmxMss3a5ldk1L-cO5bMHk6JyZCaHJDFYssUlpsmPLfWUGkmOP09hzF0pi6w0qaZ2yiqOMApBZ2xrC_9eXzMipFGtdKp17BypqRiZhia0r4VHjMVJmxYlDm-YBnIf3v/s0/Membuat+Mockup+Design+Untuk+Promosi+Situs+Wap.jpg

menjadi :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRh0rcBWngousfnKmxMss3a5ldk1L-cO5bMHk6JyZCaHJDFYssUlpsmPLfWUGkmOP09hzF0pi6w0qaZ2yiqOMApBZ2xrC_9eXzMipFGtdKp17BypqRiZhia0r4VHjMVJmxYlDm-YBnIf3v/-rw/Membuat%2BMockup%2BDesign%2BUntuk%2BPromosi%2BSitus%2BWap.jpg

jika gambar memiliki tinggi (heigh) dan lebar (width) sisipkan sufix -rw diantaranya

Contohnya :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRh0rcBWngousfnKmxMss3a5ldk1L-cO5bMHk6JyZCaHJDFYssUlpsmPLfWUGkmOP09hzF0pi6w0qaZ2yiqOMApBZ2xrC_9eXzMipFGtdKp17BypqRiZhia0r4VHjMVJmxYlDm-YBnIf3v/w400-h300/Membuat+Mockup+Design+Untuk+Promosi+Situs+Wap.jpg

menjadi :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRh0rcBWngousfnKmxMss3a5ldk1L-cO5bMHk6JyZCaHJDFYssUlpsmPLfWUGkmOP09hzF0pi6w0qaZ2yiqOMApBZ2xrC_9eXzMipFGtdKp17BypqRiZhia0r4VHjMVJmxYlDm-YBnIf3v/-rw-h300/Membuat%2BMockup%2BDesign%2BUntuk%2BPromosi%2BSitus%2BWap.jpg

maka saat kalian mengakses atau mengunduh gambar tersebut maka blogger akan otomatis menconvert dan membaca gambar sebagai format gambar webp.

Next Post Previous Post
3 Comments
  • Mujib Maulana
    Mujib Maulana 04 Juli, 2021

    Ngaruh di related postnya nggak mas kalo ditambahin -rw ?

    • Marwanto606
      Marwanto606 04 Juli, 2021

      sepertinya tidak ngaruh gan, kalo mau lebih yakin bisa di test dulu gan. karna di blog saya ini tidak pakai related post.

    • Mujib Maulana
      Mujib Maulana 05 Juli, 2021

      Iya mas, takutnya gambar yang udah di tambahin -rw dipostingan, pas di related post gambarnya gak kebaca heheh

Add Comment
comment url