Cikgu Kacamata


5
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_b1hyphenhyphenCPbomDNHp4Bevo3yBenCZ_LE-PV5XwNCHo-dh1KcRO5VtFuQsyehdvxZ5i52t5yhMuhvRqhYGh5dCRpbMxs3wb-fRoegKr6OiD7DGMm4ajgIzavrksZhvQvv11gJ8MHTG0bQEGs/s1600/WatchGift.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_b1hyphenhyphenCPbomDNHp4Bevo3yBenCZ_LE-PV5XwNCHo-dh1KcRO5VtFuQsyehdvxZ5i52t5yhMuhvRqhYGh5dCRpbMxs3wb-fRoegKr6OiD7DGMm4ajgIzavrksZhvQvv11gJ8MHTG0bQEGs/s320/WatchGift.jpg" /></a>

Untuk menukar saiz gambar, kita hanya perlu menukar nilai yang berwarna merah pada kod tadi:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_b1hyphenhyphenCPbomDNHp4Bevo3yBenCZ_LE-PV5XwNCHo-dh1KcRO5VtFuQsyehdvxZ5i52t5yhMuhvRqhYGh5dCRpbMxs3wb-fRoegKr6OiD7DGMm4ajgIzavrksZhvQvv11gJ8MHTG0bQEGs/s1600/WatchGift.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_b1hyphenhyphenCPbomDNHp4Bevo3yBenCZ_LE-PV5XwNCHo-dh1KcRO5VtFuQsyehdvxZ5i52t5yhMuhvRqhYGh5dCRpbMxs3wb-fRoegKr6OiD7DGMm4ajgIzavrksZhvQvv11gJ8MHTG0bQEGs/320/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!

5 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


  2. • kami sekeluarga tak lupa mengucapkan puji syukur kepada ALLAH S,W,T dan terima kasih banyak kepada MBAH atas nomor togel.nya yang MBAH berikan 4 angkah *1242* alhamdulillah ternyata itu benar2 tembus MBAH. dan alhamdulillah sekarang saya bisa melunasi semua utan2 saya yang ada sama tetangga.dan juga BANK BRI dan bukan hanya itu MBAH. insya allah saya akan coba untuk membuka usaha sendiri demi mencukupi kebutuhan keluarga saya sehari-hari itu semua berkat bantuan MBAH.. sekali lagi makasih banyak ya MBAH… bagi saudara yang suka main togel .
    • yang ingin merubah nasib seperti saya silahkan hubungi MBAH SUKRO,,di 0853/3000/1769,, http://ramalantogel77.blogspot.com/ insya allah anda bisa seperti saya…menang togel 175 juta, wassalam.
    • makasih yang punya room….

    Singapura Kamis 30 Mei 2014 | Cyber4rD

    ReplyDelete