Home » » Sebelum di-Upload “Optimasi Gambar Terlebih Dahulu”

Sebelum di-Upload “Optimasi Gambar Terlebih Dahulu”

Teknologi Support - Kita semua tahu gambar merupakan bagian penting dari sebuah website. Dengan gambar, website yang kita kelola akan lebih menarik untuk dilihat dan dikunjungi. Tanpa gambar, website kita mungkin akan terasa hampa karena tidak ada pernah pernik yang menghiasi halaman website.

Untuk itu, jika ingin tetap menambahkan gambar yang banyak namun menginginkan agar loading website tetap cepat, kita harus melakukan optimasi pada gambar. 


Berikut ini cara mudah optimasi gambar menggunakan aplikasi Adobe Photoshop: 

- Kita contohkan anda ingin upload gambar di sini 
http://www.teknogadget.com/wp-content/uploads/2012/11/android-1920×1800.png 
File berukuran sekitar 950kb). 

- Download file tersebut ke local disk dari komputer/notebook. 

- Buka file tersbut menggunakan Photoshop. 

- Perkecil resolusi sesuai dengan lebar dari tempat/space gambar pada website. Sebagai contoh, untuk blog ini harus memakai gambar dengan ukuran lebar maksimal 600 pixel, maka kita harus mengecilkannya dengan ukuran segitu. Jika website yang dikelola melebihi dari 600 pixel, Caranya, klik menu Image dan pilihImage Size. Selanjutnya, masukkan angka 600 pada bagian width dan jangan lupa bagian Constrain Proportions jangan dihilangkan.


- Selanjutnya, simpan dan optimalkan gambar dengan cara; Klik menu File kemudian dengan klik Save for Web. Atau, ana juga menggunakan tombol cepat yaitu Ctrl+Alt+Shift+S.


- Pada bagian tipe file, gunakan JPEG dan PNG. Untuk JPEG menggunakan resolusi medium dengan Quality 60, sedangkan untuk PNG menggunakan PNG 24. 

- Untuk memilih mana yang paling kecil, apakah PNG atau JPEG? kita harus melihatnya sendiri dan pilihalh yang paling kecil.


- Terkahir, simpan file yang sudah diedit lagi. 

Sekarang coba bandingkan antara file asli dengan file hasil editan. Di file asli ukurannya 975kb sedangakan yang baru berukuran 590 pixel. Setelah proses edit gambar selesai, kita bisa uplod gambar tersebut ke Blog.

0 komentar:

Posting Komentar