Gambar adalah alat komunikasi yang efektif dalam menyampaikan pesan atau ide. Dengan gambar kita bisa menyampaikan pesan yang mewakili ribuan kata-kata. KIta harus dapat menggunakan image secara efektif dalam berbagai media.

Dalam media internet kita juga harus menampilkan gambar/image secara efisien. Berikut pertimbangan-pertimbangan secara teknis bagaimana menampilkan image yang efektif di browser

  1. Ukuran file
    Kecepatan akses dari setiap pengunjung adalah berbeda beda, ada yang lambat dan cepat. Kita harus bisa menampilkan image secara jelas dan efisien. Terkait dengan efisiensi adalah ukuran image, makin besar image maka makin lama ditampilkan. Oleh karena itu kita harus mengusahakan ukuran image yang kecil namun gambar masih terlihat jelas.
    Dalam membuat image untuk web di Photoshop kita harus menggunakan ‘File’ – ‘Save for web’, pilihlah gif atau jpeg. Di situ kita bisa memilih jpeg low, jpeg medium, jpeg high, gif 32, gif 64 dan seterusnya yang menunjukkan kompresi file dan kualitas gambar. Pilihlah setting di mana ukuran kecil dan kualitasnya masih bisa diterima
  2. Tampilkan sesuai ukuran image
    Tampilkan di browser sesuai ukuran image.
    Biasakan menampilkan ukuran image dengan ukuran sebenarnya misalnya image dengan ukuran 100px X 100 px dengan:
    <img src=”a.jpg”/>

    Jangan menampilkan dengan skala diperkecil seperti <img src=”a.jpg” width=”50″ height=”50″ />.
    Dengan memperkecil skala, kita tetap meload gambar dengan ukuran file yang besar, download gambar menjadi lama dan membuang-buang bandwidth internet.

    Jangan juga menampilkan dengan skala diperbesar seperti <img src=”a.jpg” width=”200″ height=”200″ />.
    Ini akan membuat gambar terlihat tidak baik

Kunjungi www.proweb.co.id untuk menambah wawasan anda.

Menampilkan image yang efisien di browser