Mengoptimalkan Images Pada Website dan Blog

Ini merupakan sambungan dari postingan saya sebelumnya, yang pernah saya janjikan tentang bagaimana cara mengoptimalkan images/ gambar images optimized pada website dan blog kita. Optimasi gambar ini juga bisa dibilang bagian terkecil dari search engine optimization pada BAB mempercepat load website dan blog untuk meningkatkan visitor juga pendapatan.

Images optimized adalah seni dan sains untuk mempercepat loading website dengan cara meminimalkan ukuran gambar. Selain di fungsikan untuk mempercepat kinerja load pada website, tehnik ini juga bisa di terapkan pada email dan gambar sharing. Tujuanya sama yaitu untuk mempercepat load di low connection.

Saya sendiri menggunakan aplikasi Adobe Photoshop untuk melakukan optimasi ini. Photosop bukan hal yang asing untuk web design, meskipun bukan syarat wajib untuk mengharuskan dapat menguasai photoshop setidaknya bisa open dan save itu sudah cukup di sini hehehe sederhana sekali bukan?

Sengaja saya buatkan video tutorial, sambil belajar edit video juga mempermudah pembaca untuk mempelajari tehnik ini. Cuman di video ini tidak full/ detail, tujuanya untuk menghubungkan antara youtube & blog agar saling terkait.

Probelmnya Bagaimana Untuk Photosop Versi CS?

Memang benar, sangat-sangat berbeda antara Photosop Versi CC dengan CS, terutama menunya. 

Jika di Photoshop CC 2017 melalui menu File -> Export -> Save For Web (Legasi)

Jika di Photoshop CS4 melalui menu File-> Save For Web & Device 

Begaimana, mudah bukan? jika masih kesulitan simak screenshot dibawah ini :

File Kemudian klik Save For Web & Device 













Type file disitu banyak pilihan, namun disini saya pilih JPEG. 














Preset adalah kualitas gambar yang ingin di simpan, semakin rendah kualitasnya, semakin kecil ukuran gambarnya.










Image Size dapat kita atur ukuran gambar yang ingin kita, sesuai kebutuhan semisal icon, button ataupun gambar slide.

Ini adalah hasil penyimpanan dari 2 cara yang berbeda. Dapat dilihat perbedaan dari ukuran gambar yang di hasilkan.





Demikian tutorial yang panjang ini, bukan panjang tulisanya tapi panjang waktu ngetiknya, karena perlu nyari waktu longgar di tengah-tengah kesibukan RL. Semoga bermanfaat, nantikan tutorial selanjutnya hanya di INDpati.org.