Minggu, 19 Juni 2011

Cara Optimasi Gambar Pada Website dengan Aplikasi Photoshop

Thank you for using rssforward.com! This service has been made possible by all our customers. In order to provide a sustainable, best of the breed RSS to Email experience, we've chosen to keep this as a paid subscription service. If you are satisfied with your free trial, please sign-up today. Subscriptions without a plan would soon be removed. Thank you!
Thank you for using rssforward.com! This service has been made possible by all our customers. In order to provide a sustainable, best of the breed RSS to Email experience, we've chosen to keep this as a paid subscription service. If you are satisfied with your free trial, please sign-up today. Subscriptions without a plan would soon be removed. Thank you!

Di website, gambar yang bagus dan detail biasanya berukuran besar. Sebenarnya tak jadi masalah jika koneksi internet kamu cepat. Tapi, ini akan jadi masalah bagi pengunjung web/blog kamu yang merasakan beratnya loading karena gambar-gambar tersebut.
Nah, khususnya bagi mereka yang membuat web untuk photography dan wedding yang biasanya membutuhkan gambar berukuran besar dan detail, web mereka akan menjadi berat. Optimasi gambar pada website adalah salah satu cara yang efektif untuk mempercepat loading website.

Cara optimasi gambar menggunakan Photoshop:

Langkah pertama, buka gambar yang ingin dioptimasi menggunakan Photoshop. Lihat gambar 1.
optimasi-gambar-1

Gambar 1
Kedua, pilih Move Tool atau tekan V. Lihat gambar 2.
optimasi-gambar-2

Gambar 2
Lalu Klik File dan pilih Save for Web & Devices atau tekan (Alt+Shift+Crtl+S). Lihat gambar 3.
optimasi-gambar-3

Gambar 3
Akan terbuka jendela baru dengan tampilan seperti ini. Lihat gambar 4.
optimasi-gambar-4

Gambar 4
Pada menu sebelah kanan, pada Preset pilih JPEG High atau Medium. Dan atur Quality sekecil mungkin. Quality ini yang berperan untuk mengoptimasi gambar. Semakin besar nilainya, maka gambar yang dihasilkan akan semakin bagus. Sebaliknya, jika terlalu kecil, maka gambar akan pecah-pecah. Atur sekecil mungkin dan perhatikan gambar di sebelah kiri, jangan sampai pecah-pecah. Lihat gambar 5.
optimasi-gambar-5

Gambar 5
Contoh gambar dengan quality 60: gambar terlihat bagus tapi sayang ukurannya besar (23,6 KB). Lihat gambar 6.
optimasi-gambar-qty60

Gambar 6
Sedangkan gambar dengan quality 0: gambar terlihat pecah-pecah tapi ukurannya kecil (5,8 KB). Lihat gambar 7.
optimasi-gambar-qty0

Gambar 7
Gambar ideal dengan quality 30. Ukuran tak terlalu besar (11,8 KB) dan gambar tak pecah. Lihat gambar 8.
optimasi-gambar-qty30

Gambar 8
Setelah mendapatkan hasil yang diinginkan, gambar siap diupload. Kegunaan optimasi gambar ini yang pasti ada dua, yakni mempercepat loading web dan menghemat space memori website. Semoga berguna
*Tutorial ini menggunakan Photoshop CS3, namun cara yang sama bisa diterapkan pada versi Photoshop lainnya.
NB: Website dengan load yang cepat, akan lebih mudah terindeks Google. Sebaliknya, web dengan load yang berat rawan terkena penalti dari Google (dalam hal ini: SEO).

noreply@blogger.com (masiroel) 20 Jun, 2011


--
Source: http://aka47.blogspot.com/2011/06/cara-optimasi-gambar-pada-website.html
~
Manage subscription | Powered by rssforward.com

noreply@blogger.com (New bie) 20 Jun, 2011


--
Source: http://delapan-sembilan.blogspot.com/2011/06/cara-optimasi-gambar-pada-website.html
~
Manage subscription | Powered by rssforward.com

Tidak ada komentar:

Poskan Komentar