Skip to content Skip to sidebar Skip to footer

Kompres gambar blog responsif

Desain blog responsif bukan berarti hanya layout yang sederhana dan juga bisa menyesuaikan dengan karakter perangkat namun materi blog juga sangat berpengaruh misalnya gambar, sebagian besar byte yang didownload dari blog teralokasikan pada gambar, oleh karenanya mengoptimalkan gambar dapat menambah performa, semakin kecil ukuran gambar semakin ringan dan cepat pula browser memuat blog kita.

Dalam beberapa kasus, artikel yang kita tulis terasa kurang menarik jika tanpa gambar, karna gambar adalah ungkapan simpel yang bisa mencerminkan isi artikel yang kita tulis, lain daripada itu blog kita akan terasa mati atau tidak dinamis tanpa gambar.

Misalnya gambar dibawah ini sebagai contoh terbaik yang diberikan oleh google meskipun ukurannya kecil namun kualitas gambar tetap bagus
Gambar responsif


Lebar: 1024
Tinggi: 684
Ukuran file: 83,33 kb

Nah, sekarang mari kita praktekkan contoh diatas, saya ambil gambar dibawah ini, dengan ukuran panjang dan lebar sama tapi ukuran filenya 4 kali lipat lebih besar dari gambar diatas


Lebar: 1024
Tinggi: 684
Ukuran file: 385 kb

Berikutnya kita rubah ukuran gambar borobudur diatas agar sama seperti gambar yang pertama, ingat bahwa yang menjadi titik tekan disini adalah kita memperkecil ukuran gambar tanpa mengurangi kualitas gambar.

Disini saya menggunakan kompres gambar online andalan saya picresize.com, karna menurut saya picresize adalah kompres gambar online terbaik, kita bisa merubah ukuran hingga 90% bahkan lebih dan kualitas gambar tidak berkurang signifikan.
Kita cukup merubah ukuran byte nya saja, perhatikan hasil gambar borobudur yang sudah saya kompres diwah, dan bandingkan dengan gambar aslinya diatas, sekilas seperti tidak berbeda sama sekali, kalau kita zom gambar hasil kompres semakin blur sedangkan gambar asli justru semakin jelas, namun hal ini wajar tidak menjadi persoalan juga tidak dihiraukan dalam dunia bloging.


Lebar: 1024
Tinggi: 684
Ukuran file: 44,39kb

Happy bloging