Cikgu Kacamata


4
Bagaimana Mengubah Saiz Gambar Melalui Kod Link


Di sini CK akan menunjukkan cara mudah untuk menukar saiz gambar mengikut kehendak kita sendiri. Sebagai contoh, CK mengambil gambar di bawah yang mana CK upload dalam post ini juga. Saiz asal gambar ini ialah 2800px X 2100px.



Selesai upload, hasilnya seperti ini:



Kod yang diperolehi adalah:
<a href="http://1.bp.blogspot.com/-NIWnD3JESJ0/UbAGygnumzI/AAAAAAAAAwA/qT0lOjPH79c/s1600/WatchGift.jpg" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-NIWnD3JESJ0/UbAGygnumzI/AAAAAAAAAwA/qT0lOjPH79c/s320/WatchGift.jpg" /></a>

Untuk menukar saiz gambar, kita hanya perlu menukar nilai yang berwarna merah pada kod tadi:
<a href="http://1.bp.blogspot.com/-NIWnD3JESJ0/UbAGygnumzI/AAAAAAAAAwA/qT0lOjPH79c/s1600/WatchGift.jpg" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-NIWnD3JESJ0/UbAGygnumzI/AAAAAAAAAwA/qT0lOjPH79c/s320/WatchGift.jpg" /></a>

  Jika nilai ditukar kepada 
 200
  Saiz asal 320
  Jika nilai ditukar kepada 
 470

*tip: untuk kecilkan saiz gambar, tukarkan nilai lebih kecil dan untuk besarkan saiz gambar pula, tukarkan nilai yang lebih besar.

**nota: perubahan saiz tersebut tidak akan mengubah bentuk gambar (constrain proportions). Walaupun perubahan saiz telah dibuat, nisbah gambar tetap sama cuma nilai saja yang berbeza

Setelah menukar nilai tersebut, kita dapat lihat perbezaan antara yang asal dan yang telah diubah.


Bagaimana pula menentukan nilai pixels "width" atau "height" untuk sesuatu gambar? Ikuti cara-caranya pada tutorial akan datang.




Sila Share Post CK Ini Sekiranya Anda Suka
Dapatkan Widget Ini!

4 comments:

  1. wah terima kasih.... ubah kat link ja rupanya.saya sebelum ni susah2 tambah width="100px" semua tu ahahah....

    ReplyDelete
    Replies
    1. A'ah, cara ni mudah tak perlu susah2 tambah width & height. tp kalau gambar yg diupload kat website lain dah tentu kena tambah gak width & height utk adjust saiz :)...anyway, yr welcome

      Delete