images compression Mempercepat loading gambar di blog

Tutorial Bangsat - Kali ini Tutorial Bangsat akan membahas sebuah postingan yang berjudul Cara Mempercepat Loading Gambar pada Blog. Postingan tanpa disertai gambar sepertinya kurang afdhol. Dengan adanya satu atau dua gambar yang ada dalam postingan, diharapkan pembaca dapat mengerti maksud dari sang penulis. Namun kita tahu bahwa di negeri kita tercinta Indonesia ini, kecepatan internet masih sangat kurang. Jangankan gambar dengan kualitas bagus dan besar, gambar dengan kualitas sedang pun cukup lama terbuka (loadingnya). Untuk itulah pada kali ini saya ingin berbagi bagaimana cara agar gambar yang ada pada blog kita terload (terbuka) lebih cepat.

Kita tau bahwa kecepatan loading blog akan sangat berpengaruh terhadap jumlah visitor (pengunjung) blog Anda apalagi ditambah dengan loading gambar. Ini berarti juga akan memperngaruhi SEO pada gambar (Search Engine Optimization Images). Semakin lambat blog Anda terbuka, maka akan semakin sedikit jumlah pengunjungnya. Meskipun kecepatan blog tidak semata-mata tidak dipengaruhi oleh gambar (images), namun itulah yang akan kita bahas kali ini.

Mempercepat loading gambar blog

Bagaimana mempercepat loading gambar di blog kita? Hal yang bisa kita lakukan adalah menyimpan gambar yang “benar” di website. (Yang dimaksud dengan “benar” disini adalah menyimpan gambar dikaitkan dengan kecepatan loading website). Ketika menyimpan gambar, Anda perlu mempertimbangkan dua hal : format file gambar , dan kompresi . Dengan memilih kombinasi yang tepat, Anda dapat mengurangi ukuran gambar Anda 5x lebih kecil.

Hanya dua format gambar yang penting untuk website yaitu JPEG dan PNG. JPEG digunakan untuk foto atau gambar dengan banyak warna, PNG untuk gambar sederhana atau ketika Anda perlu gambar transparan. Perbedaannya adalah format gambar PNG memiliki kualitas gambar yang lebih tinggi dengan kata lain bahwa ukuran file PNG jauh lebih besar. Disisi lain, JPEG adalah format file terkompresi yang sedikit mengurangi kualitas gambar untuk memberikan ukuran file yang lebih kecil secara signifikan. Pada Tutorial Bangsat, sebagian besar gambar kami menggunakan JPEG/JPG.

Hal berikutnya adalah kompresi pada gambar. Untuk ini Anda memerlukan alat untuk menyimpan gambar yang dioptimalkan untuk web (dengan tujuan mempercepat loading gambar). Kompresi pada gambar ini dapat membuat perbedaan besar. Silahkan lihat tabel di bawah ini yang menunjukkan perbedaan gambar yang dikompresi menggunakan software berbeda.

Format Gambar

Photoshop Optimized JPEG Hight
TinyPNG Optimized
JPEG Mini Optimized
Photoshop Optimized JPEG Max
Non – Optimized JPEG Max
Photoshop Optimized PNG
Non – Optimized PNG

Ukuran Gambar

33 KB
57 KB
70 KB
93 KB
119 KB
135 KB
145 KB

Cara mempercepat loading gambar

Ok.. Cara terbaik mempercepat loading gambar dengan cara mengecilkan ukuran gambar tersebut (kompresi pada gambar). Saya biasa menggunakan Best Image Optimization Tools Adobe Photoshop untuk melakukan pekerjaan ini. Anda hanya perlu membuka gambar yang akan Anda gunakan pada postingan Anda kemudian menyimpannya ke web. Untuk lebih jelasnya silahkan lihat video dibawah ini.

Jika Anda kurang mengerti, akan saya jelaskan langkah-langkah untuk mempercepat loading gambar blog atau website menggunakan adobe photoshop. Pada tutorial ini saya menggunakan Photoshop CS6. Saya kurang tau apakah fitur Save for web.. ada pada photoshop dibawah versi CS6 ini. Jika memang tidak ada, silahkan download Adobe photoshop CS6 atau yang lebih baru. Silahkan ikuti langkah-langkah berikut:

Buka gambar yang akan di optimalkan menggunakan photoshop
Klik menu File kemudian pilih Save for Web…
Pilih format yang Anda sukai. namun saya menyarankan untuk emmilih format JPEG karena hasilnya akan memiliki ukuran sangat kecil yang artinya akan lebih cepat terload di website atau blog Anda.
Simpan pekerjaann Anda
Gambar sudah siap untuk dijadikan atau digunakan “pemanis” pada postingan Anda.

Alat mempercepat loading gambar lainnya

Bila Anda tidak memiliki Photoshop untuk melakukan pekerjaan ini, Anda masih bisa menggunakan software atau tools lainnya (Free Photo Optimizer) seperti TinyPNG, JPEG Mini, ImageOptim

TinyPNG. TinyPNG adalah aplikasi web gratis yang menggunakan teknik kompresi lossy cerdas untuk mengurangi ukuran file PNG Anda . Yang harus Anda lakukan adalah pergi ke website mereka , dan meng-upload gambar Anda . Mereka akan memampatkan gambar , dan memberikan link download. Mereka juga memiliki API untuk mengkonversi gambar secara otomatis yang diperuntukkan bagi pengembang.

JPEG Mini. JPEGmini menggunakan teknologi recompression yang secara signifikan mengurangi ukuran gambar tanpa mempengaruhi kualitas persepsi mereka. Anda dapat menggunakan versi web mereka secara gratis , atau membeli program untuk komputer Anda . Mereka juga memiliki API dibayar untuk mengotomatisasi proses untuk server Anda .

ImageOptim. ImageOptim adalah utilitas Mac yang memungkinkan Anda untuk kompres gambar tanpa kehilangan kualitas dengan mencari parameter kompresi terbaik dan menghapus profil warna yang tidak perlu .

Terakhir, bila Anda belum menyimpan gambar dioptimalkan untuk web, maka lakukanlah mulai dari sekarang. Hal ini dapat membuat perbedaan besar pada kecepatan situs Anda, dan visitor Anda tidak akan meninggalkan blog Anda. Tentu kualitas gambar mungkin sedikit menurun , namun sebagian besar pengguna tidak akan menyadarinya.

Terimakasih telah membaca postingan cara mempercepat loading gambar (optimization images) pada website ini. Bila ada yang kurang jelas atau ada yang ingin ditanyakan, silahkan sampaikan memalui form komentar yang disediakan dibawah ini. Semoga blog Anda semakin banyak pengunjungnya! Salam blogger. . .

Terima Kasih telah membaca artikel tentang Cara Mempercepat Loading Gambar pada Blog . Silahkan baca artikel lainnya di daftar isi.