Kesalahan dasar dalam menentukan ukuran gambar

Wednesday, 02 January 2008 13:04
TDA Ngalam
Komunitas TDA Ngalam
Odesk
Outsource to Freelancers, IT Companies, Programmers, Web Designers from India, Russia, USA, and more
Themes Club
Premium Joomla Templates Club
 

Hari ini aktivitas walkblogging saya membawa ke website Mizan Publishing, salah satu penerbit buku terkemuka di Indonesia. Dari sisi overall, website tersebut sudah cukup bagus (layout, navigasi, dll) dan mengesankan website informatif walaupun tidak ber-orientasi pada sisi desain. Satu sisi, proses aksesnya juga cukup cepat. Namun ada yang aneh saat saya melihat proses loading gambar pada bagian daftar "Buku Terbaru" dan "Buku Terlaris" di website tersebut, terlihat slow dan berat, what's wrong? Padahal ukuran lebar dan tinggi gambarnya hanya 82 x 110 pixel dan 50 x 75 pixel.

Dan ketika semua gambar akhirnya muncul setelah sekian detik (karena saya menggunakan Spidi, koneksi internet tercepat dan termurah di Indonesia; prosesnya hanya sekian detik tapi kalau menggunakan koneksi dial up, mungkin sekian menit), kualitas gambarnya tidak terlalu bagus karena raster-nya terlihat kasar atau pixeled kalau orang bule bilang. Iseng-iseng saya klik kanan salah satu gambar dan kemudian pilih menu "View Image" dari menu-menu yang muncul, weladalah .. ternyata gambarnya geeeeeeeeedeeee banget, ber-ukuran lebar dan tinggi 1536 x 2360 pixel serta ukuran file-nya 2,035 Mb byuh byuh byuh.

Gak heran kalau proses loading-nya lama! padahal pada halaman pertama website tersebut terdapat 5 thumbnail gambar buku terbaru dan 6 thumbnail gambar buku terlaris. Anda bisa bayangkan berapa lama waktu yang dibutuhkan untuk memproses semuanya.

Mizan Publishing

Ya, seharusnya website tersebut memiliki 2 ukuran gambar untuk bagian buku terbaru dan buku terlaris ini, satu ber-ukuran kecil dan difungsikan untuk thumbnail serta satunya lagi ber-ukuran besar. Untuk thumbnail, ukuran gambar harus benar-benar kecil dalam artian sebenarnya baik lebar, tinggi serta ukuran file-nya dan tidak hanya di setting di code-nya seperti ini:

<img src="/namafilegambar.jpg" width="82" height="110">

Karena ukuran file tidak bisa dimodifikasi dengan cara seperti di-atas, ukuran file tetap besar dan proses loading-nya juga tetap lama.

Masalah ini memang terlihat sepele tetapi tidak jarang kesalahan ini saya temukan di website-website lainnya. Dalam menentukan ukuran gambar, kita tetap harus mempertimbangkan kecepatan koneksi internet yang digunakan oleh pengguna, memberikan kemudahan dan kecepatan dalam meng-akses website adalah tujuan yang harus dicapai dalam membuat desain web sehingga memberikan peluang bagi pengguna tersebut untuk kembali ke website kita. Target lokasi pengguna juga menjadi bahan pertimbangan. Jika target website adalah pengguna internet dari luar negeri, saya rasa tidak masalah jika anda suguhkan gambar-gambar ber-ukuran besar dan ber-resolusi tinggi, tetapi kalau target website anda adalah pengguna internet dari Indonesia saja ... hmmm ... sepertinya metode yang saya jelaskan di-atas adalah solusi yang terbaik.

Artikel yang berhubungan:

Kasak Kusuk Warga

Statistik

Jml Artikel 132
Total Kunjungan 76.028
Saat ini ada 3184 orang sedang berkunjung di Blog Ketua RW
Vote for Joomla
     

Woro Woro

Joomlart
More than just a template
Rocket Theme
Pro Joomla Templates and Designs
Themes Club
Premium Joomla Templates Club
TDA Ngalam
Komunitas TDA Ngalam
Guru
Find freelancers at the world’s largest online service marketplace
eLance
Outsourcing to freelance programmers, web and logo designers, copywriters, illustrators and consultants
Get A Freelancer
Custom Web Design and Programming. Freelance Programmers. Outsource Web Development Outsourcing
Joomlancers
Get your Joomla project done by today!
Odesk
Outsource to Freelancers, IT Companies, Programmers, Web Designers from India, Russia, USA, and more
MochiAds
Dollar bagi yang hobby bikin Flash Games
PayPal
Online Payment Gateway
HostGator
HostGator web hosting - cPanel, Reseller and Dedicated Website Hosting

UKM RW08

Tokonita, Toserba Online
Toserba online melayani penjualan retail dan wholesale
Webito
Code Development - Home of phpBender
phpBender
phpBender, PHP codes injection for Flash
Write me the code!
Template development and conversion
Gerai Hosting
Hostingnya Blogger dan CMS mania

Warga Terpandang

Adi Setiawan (1148)
Agung Firdaus (1088)
Ame (1169)
Donny Kris (657)
Tito (848)
Zanu Zawa (812)

Plurkie

Copyright © 2007 - 2008 Ketua RW
Usia blog ini adalah 361 hari sejak online tgl 26 Nov 2007