การแทรกรูปภาพ
การใส่ภาพภายในเว็บเพจ เป็นส่วนดึงดูดของเว็บให้ดูดีมีสาระมากขึ้น เพิ่มความสวยงาม ดึงดูดความสนใจให้กับผู้ที่ผ่านที่เข้าชม เข้าศึกษา นอกจากจะช่วยให้ผู้ชมได้เห็นภาพจริงไม่ต้องจินตนาการแล้ว ยังมีส่วนช่วยให้เกิดความตื่นตาตื่นใจได้มากกว่าหน้าเว็บเพจที่มีแต่ข้อความล้วน ๆ ภาพที่ดีเพียงหนึ่งภาพสามารถแทนคำพูดได้มากกว่าพันคำ
ภาพที่นำมาใช้ในการนำเสนอผ่านเครือข่ายอินเทอร์เน็ต ด้วยเอกสาร HTML นั้นจะต้องเป็นภาพที่มีขนาดเล็กเพื่อให้สามารถแสดงผลได้เร็ว ที่นิยมใช้อยู่ 3 รูปแบบ คือ
1. ไฟล์ GIF (CompuServe Graphics Interchange Format) มีนามสกุล .gif เป็นไฟล์ชนิด บิตแมบ 8 บิตสี เก็บค่าสีสูงสุดได้ 256 สี เป็นไฟล์แบบบีบย่อขนาด ใช้แสดงผลพวกภาพ การ์ตูน หรือกราฟิกที่มีสีสันไม่มาก และภาพชนิดเคลื่อนไหวที่มีความละเอียดไม่มากนัก
2. ไฟล์ JPEG หรือ JPG (Joint Photographic Experts Group) มีนามสกุล .jpg เป็นไฟล์ที่ พัฒนาเพื่อใช้งานกับภาพที่มีสีสันสดใสและความละเอียดสูงมาก สามารถเก็บภาพได้ 24 บิตสี แสดงสีได้ถึง 16.7 ล้านสี เป็นไฟล์ที่ผ่านกระบวนการบีบอัดข้อมูลในอัตรา 10:1 ใน การแสดงผลในเว็บเพจ ไฟล์ *.jpg จะแสดงผลช้ากว่าไฟล์ *.gif ในขนาดไฟล์ที่เท่ากัน ดังนั้นจึงนิยมใช้ไฟล์ *.jpg ในภาพขนาดใหญ่ ถ้าเป็นภาพขนาดเล็กจะใช้ไฟล์ชนิด *.gif มากกว่า
3. ไฟล์ PNG (Portable Network Graphic) เป็นไฟล์ที่พัฒนาขึ้นมาโดยนำเอาคุณสมบัติที่ดีเด่นของไฟล์ GIF และ JPG มารวมกัน กล่าวคือสนับสนุนจำนวนบิตสีได้ถึง 24 บิต เหมือนกับภาพแบบ JPG ในขณะที่การบีบอัดไฟล์ใช้การทำงานแบบ GIF การแสดงผลในแบบ Interlace และยังสามารถทำภาพโปร่งใสได้
การแทรกรูปภาพ มี 2 กรณี ดังนี
กรณีที่ 1 รูปภาพอยู่ที่เดียวกับไฟล์เว็บเพจ
กล่าวคือ ไฟล์รูปภาพที่อยู่ในตัวเครื่อง จะต้องอยู่ใน Folder เดียวกับไฟล์เว็บเพจ ดังรูป
รูปแบบคำสั่ง
<img scr=“x”> โดยที่ x คือไฟล์รูปภาพที่ต้องการแสดง
ตัวอย่าง
ผลที่ได้
กรณีที่ 2 รูปภาพอยู่คนละที่กับไฟล์เว็บเพจ
รูปแบบคำสั่ง
<img scr=“x”> โดยที่ x คือไฟล์รูปภาพที่ต้องการแสดง แต่จะต้องระบุ Path ของรูปภาพไว้หน้าไฟล์ด้วย
ตัวอย่าง
ผลที่ได้
แหล่งอ้างอิง : http://pirun.ku.ac.th/~agrtnk/web/units/unit4/unit4.htm
19/8/2555
