Mempercepat loading gambar (optimization images) pada website – 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 CahBorneo.Com, 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.

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:

1. Buka gambar yang akan di optimalkan menggunakan photoshop
2. Klik menu File kemudian pilih Save for Web…
3. 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.
4. Simpan pekerjaann Anda
5. 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!