ເນື້ອຫາ

• ເພື່ອກ້າວ
• ຄຳ ແນະ ນຳ

wikiHow ນີ້ອະທິບາຍວິທີການ ກຳ ນົດຄວາມສູງແລະຄວາມກວ້າງຂອງຮູບໂດຍໃຊ້ HTML (HyperText Markup Language).

• "ຄວາມກວ້າງ" ສະແດງເຖິງຄວາມກວ້າງຂອງຮູບພາບເປັນພິກະເຊນ.
• "ຄວາມສູງ" ໝາຍ ເຖິງລະດັບຄວາມສູງຂອງຮູບພາບເປັນພິກະເຊນ.
• ໃນ HTML 4.01, ຄວາມສູງສາມາດຖືກ ກຳ ນົດເປັນ pixels ຫລືເປີເຊັນ. ໃນ HTML5, ຄ່າຕ້ອງຢູ່ໃນ pixels.

ເພື່ອກ້າວ

1. ແກ້ໄຂເອກະສານທີ່ທ່ານຕ້ອງການສະແດງຮູບພາບ. ຕົວຢ່າງ: default.html
2. ເພີ່ມແຖວນີ້ໃສ່ script ຂອງທ່ານ
   • img src = "imagefile.webp" alt = "ຮູບພາບ" ຄວາມສູງ = "42" width = "42">
   • src ແມ່ນເສັ້ນທາງໄຟລ໌ໄປຫາຮູບພາບຂອງທ່ານ.
   • alt ແມ່ນປ້າຍທີ່ທ່ານໃຫ້ຮູບພາບຂອງທ່ານ.
3. ທົດແທນ "ຄວາມສູງ" ແລະ "ຄວາມກວ້າງ" ຕາມທີ່ທ່ານຕ້ອງການ, ຕົວຢ່າງ: ລວງສູງ = "19" width = "20"
4. ບັນທຶກເອກະສານດັ່ງກ່າວແລະເປີດເອກະສານດັ່ງກ່າວກັບໂປແກຼມທ່ອງເວັບໃດ ໜຶ່ງ ເພື່ອເບິ່ງຜົນ. ຄຸນລັກສະນະ "ຄວາມກວ້າງ" ແມ່ນໄດ້ຮັບການສະ ໜັບ ສະ ໜູນ ໃນທຸກໆໂປແກຼມທ່ອງເວັບທີ່ ສຳ ຄັນເຊັ່ນ Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer ແລະອື່ນໆ.

ຄຳ ແນະ ນຳ

• ລະບຸຄຸນລັກສະນະຂອງຄວາມສູງແລະຄວາມກວ້າງ ສຳ ລັບຮູບພາບ. ຖ້າຄວາມສູງແລະຄວາມກວ້າງຖືກຕັ້ງ, ພື້ນທີ່ທີ່ຕ້ອງການ ສຳ ລັບຮູບພາບຈະຖືກສະຫງວນໄວ້ໃນເວລາທີ່ ໜ້າ ເວັບໂຫລດ. ເຖິງຢ່າງໃດກໍ່ຕາມ, ຖ້າບໍ່ມີຄຸນລັກສະນະເຫຼົ່ານີ້, ໂປແກຼມທ່ອງເວັບບໍ່ຮູ້ຂະ ໜາດ ຂອງຮູບແລະບໍ່ມີພື້ນທີ່ທີ່ ເໝາະ ສົມ ສຳ ລັບມັນ. ຜົນກະທົບຂອງສິ່ງນີ້ແມ່ນວ່າຮູບແບບ ໜ້າ ເວັບປ່ຽນແປງໃນລະຫວ່າງເວລາໂຫລດ (ໃນຂະນະທີ່ຮູບພາບ ກຳ ລັງໂຫລດຢູ່).
• ການຫຼຸດຜ່ອນຂະ ໜາດ ຂອງຮູບພາບຂະ ໜາດ ໃຫຍ່ໂດຍການປັບລະດັບຄວາມສູງແລະຄວາມກວ້າງຂອງມັນບັງຄັບໃຫ້ຜູ້ໃຊ້ສາມາດດາວໂຫລດຮູບພາບຂະ ໜາດ ໃຫຍ່ໄດ້ (ເຖິງແມ່ນວ່າມັນຈະມີຂະ ໜາດ ນ້ອຍໃນ ໜ້າ). ເພື່ອຫລີກລ້ຽງສິ່ງດັ່ງກ່າວ, ທ່ານ ຈຳ ເປັນຕ້ອງຮີບເອົາຮູບພາບດັ່ງກ່າວກັບໂປຣແກຣມກ່ອນທີ່ຈະເອົາລົງໃສ່ ໜ້າ ເຈ້ຍ.