Menampilkan Foto dengan Optimal

Bagaimana caranya agar foto atau gambar yang kita tampilkan di website/postingan blog bisa tetap bagus kualitasnya dengan size (KiloBytes) yang relatif lebih kecil??

Menampilkan foto atau gambar di blog/web, jika tidak tepat ukurannya malah bisa mengganggu pengunjung. Misalnya ukuran kilobyte yang terlalu besar, tentu akan sulit diload.

Jadi sebelum foto atau gambar ditempel di web/blog, kita bisa melakukan optimasi terlebih dahulu terhadap gambar itu.

Bagaimana caranya? Dengan melakukan resize ukuran width dan height saja? Dengan resize lalu save saja tidak akan menghasilkan ukuran yang optimal. Kilobyte-nya biasa masih relatif besar walau ukuran panjang-lebarnya sudah dikurangi.

Cara yang akan dibahas adalah menggunakan software Adobe Photoshop (versi berapa aja bisa).

Contoh kali ini, kita ambil gambar yang berasal dari kamera digital. Biasanya jika menggunakan kamera yang bagus, maka hasil gambarnya akan sangat besar, bisa ratusan bahkan ribuan KB.
Kalau gambar seukuran itu langsung ditempel dalam postingan, wah bisa memberatkan pengunjung.

1. Buka Adobe Photoshop, dan buka gambar/foto yang akan digunakan.


2. Resize width dan height-nya dulu. Bagian ini bisa di-skip jika ukurannya tidak ingin diubah.
   Pada menu di Photoshop (atas) pilih 'Image', lalu 'Image Size'.
   Tentukan ukuran foto yang ingin ditampilkan. Kita hanya perlu menentukan width-nya saja, sedangkan nanti height nya akan berubah sendiri (menyesuaikan), tapi jangan hilangkan ceklist di bagian 'Constrain proportion' (lihat gambar, klik untuk memperbesar).
   
   Klik OK jika sudah.


3. Jika sudah, untuk menyimpannya, di menu atas pilih 'File' - 'Save For Web'.
   Akan muncul sebuah window box baru yang terdiri dari 2 kolom (kiri besar, kanan kecil).
   Di kolom kiri, pilih yang 'Optimized' (lihat gambar bwh, klik untuk memperbesar).
   Di kolom kanan, pilih bagian Setting, lalu coba saja mana yang paling cocok.
   Biasanya jika berupa gambar foto, kita bisa pilih JPG (High atau Medium).
   Tapi jika gambarnya berupa tulisan, kita bisa pilih yang GIF.
   Coba satu-satu kira2 mana yang menghasilkan gambar bagus (akan terdisplay di kolom kiri), jika sudah menentukan, SAVE.
   
   

Nah coba bandingkan ukuran kilobyte-nya jika kita langsung menampilkan saja. Tentu sangat jauh berbeda.

Memang mungkin kualitasnya tidak akan sebaik aslinya, tapi jika kita memilih settingan dengan benar maka hasilnya tidak akan jelek kok. Dan yang penting tetap bisa dinikmati pengunjung. :)

Lalu, jika kita menyimpannya dengan photobucket ataupun blogger, kita bisa menampilkan thumbnailnya saja, yang jika di klik baru akan menuju ke gambar besarnya. Seperti 2 gambar ilustrasi di atas.

Silakan dicoba..