Cara Mengecilkan Size Gambar Dalam Format WebP Untuk Blogger

cara tukarkan format gambar kepada webp extention

WebP adalah format gambar moden yang memberikan pemampatan (compression) tanpa mengurangkan kualiti untuk gambar di web. Dengan menggunakan WebP, web designer dapat membuat gambar yang lebih kecil dan lebih bagus lagi dapat menjadikan web lebih pantas.

Imej tanpa webP berukuran 26% lebih kecil berbanding PNG. Imej lossy WebP 25-34% lebih kecil daripada gambar JPEG.

Kalau anda pernah uji kelajuan web/blog anda di google pagespeed, pingdom ataupun uptrends, pasti anda akan diberi cadangan “Serve images in next-gen formats” Image formats like JPEG 2000, JPEG XR, and WebP often provide better compression than PNG or JPEG, which means faster downloads and less data consumption

Jika di wordpress, anda boleh terus gunakan plugin untuk tukarkan format jpeg kepada webP secara automatik. Tapi di blogger, anda kena buat secara manual.

Jadi saya akan ajar anda untuk tukarkan format jpeg/jpg kepada webP. Caranya simple je.

1. Anda kena upload seperti biasa gambar dan setkan gambar tu kepada original size.

cara buat atau tukar gambar format webp
2. kemudian, anda kena click kepada HTML MODE. pergi kepada code gambar anda tadi..

3.  Copy code dibawah

<div class=”separator” style=”clear: both; text-align: center;”>
<a href=”https://1.bp.blogspot.com/-m5AaMqoNiPk/XtkrtMDr8hI/AAAAAAAANKQ/nDKggaW1-nUsHHFqgwonXeJAdxl1CeMRQCLcBGAsYHQ/s1600/cloud-369604_640.jpg” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img border=”0″ data-original-height=”480″ data-original-width=”640″ src=”https://1.bp.blogspot.com/-m5AaMqoNiPk/XtkrtMDr8hI/AAAAAAAANKQ/nDKggaW1-nUsHHFqgwonXeJAdxl1CeMRQCLcBGAsYHQ/s1600/cloud-369604_640.jpg” /></a></div>

Selepas nombor s1600,

tambah -rw

dan perkataan

.jpg tu tukar kepada webp
mcm code dibawah yg telah diubahsuai
<div class=”separator” style=”clear: both; text-align: center;”>
<a href=”https://1.bp.blogspot.com/-m5AaMqoNiPk/XtkrtMDr8hI/AAAAAAAANKQ/nDKggaW1-nUsHHFqgwonXeJAdxl1CeMRQCLcBGAsYHQ/s1600-rw/cloud-369604_640.webp” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img border=”0″ data-original-height=”480″ data-original-width=”640″ src=”https://1.bp.blogspot.com/-m5AaMqoNiPk/XtkrtMDr8hI/AAAAAAAANKQ/nDKggaW1-nUsHHFqgwonXeJAdxl1CeMRQCLcBGAsYHQ/s1600-rw/cloud-369604_640.webp“/></a></div>

OK dah siap. Selamat mencuba!!

Subscribe to our Newsletter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Share this post with your friends

Share on facebook
Share on google
Share on twitter
Share on linkedin

Leave a Comment

Alamat e-mel anda tidak akan disiarkan. Medan diperlukan ditanda dengan *