Cara mengatur ukuran gambar agar pas sesuai dengan ukuran yang kita inginkan

iklan-surgaweb2

Ukuran gambar harus menjadi perhatian para desainer web. Jika anda memiliki gambar yang ukuran besar kemudian anda menampilkannya dengan menggunakn kode html <img src=”gambar.jpg” width=”50″ heigth=”60″> padahal gambar asli anda berukuran 500px x 600px maka itu kesalahan besar. Mengapa? karena itu artinya anda memaksa browser pengunjung anda untuk mendownload gambar dengan ukuran besar sedangkan gambar yang tampil berukuran kecil. Lalu bagaimana solusinya?

Ada teknik namanya resize on fly. Artinya gambar yang besar akan secara otomatis akan di ubah ukurannya menjadi gambar kecil sesuai dengan ukuran yang kita inginkan. Salah satu tool yang bisa anda gunakan adalah timthumb.php. File timthumb.php bisa anda dapatkan di situs ini http://www.binarymoon.co.uk/projects/timthumb/ lengkap dengan tatacara pemakaiannya.

Saya kasih sedikit contoh. Pertama downloadlah file timthumb.php lalu uploadlah ke server anda. Sekarang ubahlah source gambar anda menjadi seperti ini:

<img src=”timthumb.php?src=images/gambar.php&w=50&h=60&zc=2″>

Kemudian lihatlah hasilnya

Webisite anda akan jauh lebih ringan jika anda menggunakan tool ini.

 

(Visited 60,843 times, 3 visits today)

Related Posts

23 thoughts on “Cara mengatur ukuran gambar agar pas sesuai dengan ukuran yang kita inginkan

Tinggalkan Balasan ke JETSET KAOS BANDUNG Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.

WhatsApp chat