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.
*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).
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. Gambar 1
Kedua, pilih Move Tool atau tekan V. Lihat gambar 2. Gambar 2
Lalu Klik File dan pilih Save for Web & Devices atau tekan (Alt+Shift+Crtl+S). Lihat gambar 3. Gambar 3
Akan terbuka jendela baru dengan tampilan seperti ini. Lihat 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. Gambar 5
Contoh gambar dengan quality 60: gambar terlihat bagus tapi sayang ukurannya besar (23,6 KB). Lihat gambar 6. Gambar 6
Sedangkan gambar dengan quality 0: gambar terlihat pecah-pecah tapi ukurannya kecil (5,8 KB). Lihat gambar 7. Gambar 7
Gambar ideal dengan quality 30. Ukuran tak terlalu besar (11,8 KB) dan gambar tak pecah. Lihat gambar 8. 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).
Tidak ada komentar:
Posting Komentar