February 20, 2021

Cara Mengecilkan Size Gambar Dalam Format WebP Untuk Blogger

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!!

Leave a Reply

Your email address will not be published. Required fields are marked *

©2023. Denai Empire I 202203003040 (003355535-P)
Privacy Policy
Contact Us