sticky-Yo!

Wah sepertinya sudah cukup lama aktivitas blogging saya terhenti sejak post terakhir saya pada 20 Februari 2008 akibat berbagai aktivitas saya yang cukup padat belakangan, mohon maaf ya bagi yang sering berkunjung ke blog saya

Dengan aktivitas saya sebagai freelance web developer bagian optimalisasi dan programming membuat saya memahami benar arti dari “efisiensi” pada sebuah web, baik itu ukuran filenya, maupun waktu loading suatu web

Dalam project terakhir yang saya kerjakan, desainer saya membuat sebuah banner untuk website klien saya dengan bentuk file PNG, namun pada saat diserahkan, siapa yang menyangka bahwa ukuran file hanya untuk sebuah banner website sampai 173KB

Kali ini saya akan membahas suatu trik bagaimana untuk mengecilkan suatu file PNG menjadi hanya 1/3-nya tanpa mengecilkan resolusinya dan bahkan dengan kualitas yang sangat mirip, bagaimana caranya? Silakan teruskan membaca

Saya berusaha mencoba - coba sendiri mengecilkan ukuran filenya melalui Adobe Photoshop CS3 namun tampaknya tidak berhasil, ukuran file bisa mengecil maksimal sampai 143KB saja, masih terlalu besar menurut saya hanya untuk sebuah banner web, saya jadi berpikir apakah ada solusi lain yg bisa diterapkan Dari sini saya mencoba mencari tahu lewat google dan menemukan beberapa petunjuk untuk mengubah mode warna dari RGB menjadi Indexed Color seperti yang terlihat pada screenshot dibawah ini:

Cukup dengan mengklik mode “Indexed Color” dan jumlah warna sebanyak 256, setelah itu silakan anda klik OK dan coba anda save. Tebak berapa hasil yang berhasil saya dapat?

Dari 173KB menjadi hanya 58.8KB!!

Dan yang lebih hebat lagi, kualitas gambarnya nyaris tidak berubah, walaupun jika anda zoom cukup dalam akan terlihat bahwa detail beberapa tekstur gambar hilang, namun ini bukan suatu masalah pada web karena prinsip nomor satu yang berlaku pada web adalah “Usability” bukanlah kualitas gambar terbaik

Anda dapat melihat contoh hasil dari banner yang saya modfikasi pada screenshot di bawah ini:

Selamat mencoba! <

Possibly Related Posts:

• None found