เทคโนโลยี2 (ง22102): การจัดการรูปภาพ

การจัดการรูปภาพ

ลักษณะของภาพกราฟิกในเว็บ เพจ

สิ่งต้องคำนึง ถึงในการเลือกรูปภาพ
                ภาพกราฟิกหรือรูปภาพที่นำมาประกอบเนื้อหาในเว็บเพจเป็นส่วนหนึ่งที่ทำให้ผู้ อ่านเข้าใจเรื่องราวที่นำเสนอมากยิ่งขึ้น และช่วยให้เว็บเพจมีสีสันสวยงาม น่าอ่าน
                การนำภาพกราฟิกมาประกอบเว็บเพจ มีสิ่งที่จะต้องคำนึงถึงหลัก ๆ ดังนี้
                1. ความแตกต่างกันของระบบคอมพิวเตอร์
                2. การเลือกใช้ชนิดของเบราเซอร์
                3. กำหนดหน่วยวัดมาตรฐานของภาพให้เป็นมาตรฐานเดียวกัน
                4. ความละเอียดของรูปภาพ
                5. ขนาดของไฟล์ภาพ

ชนิดของรูปภาพ
การนำภาพกราฟิกมาใช้ในเว็บเพจนิยมใช้ภาพ 3 ฟอร์แมต (นามสกุล) คือ .gif , .jpg , .png ซึ่งมีรายละเอียดของภาพแต่ละชนิด ดังนี้
ภาพ GIF (Graphic Interchange Format) สามารถแสดงผลบนบราวเซอร์ได้ทุกชนิด มักเป็น
รูปที่มีสีพื้นเป็นส่วนใหญ่ ไม่ค่อยมีการไล่สี เช่น โลโก้ รูปการ์ตูนต่าง ๆ

ภาพ JPEG (Joint Photographic Experts Group) สามารถแสดงผลบนบราวเซอร์ได้ทุกชนิดเช่นกัน ส่วนใหญ่มักจะเป็นภาพถ่าย หรือภาพที่มีรายละเอียดสีมาก ๆ

ภาพ PNG (Portable Network Graphic)พัฒนาขึ้นมาใช้งานบนบราวเซอร์ แต่ขณะนี้ยังไม่ได้ความนิยมมากนักเมื่อเทียบกับไฟล์ .gif และ .jpg

การเตรียมรูปภาพ

การเลือกภาพให้ เหมาะสมกับเว็บเพจ
ภาพกับเว็บเพจควรออกแบบให้เหมาะสม ในแต่ละคอลัมน์ควรมีภาพประกอบอย่างน้อย 1 ภาพ แต่ถ้าเนื้อหายาวมาก ก็ควรเพิ่มภาพให้มากขึ้น เพื่อพักสายตาผู้อ่าน

                สิ่งที่ต้องคำนึงถึงในการเลือกภาพ มีดังนี้
                1. จำนวนภาพ
                2. ขนาดภาพ
                3. ความสวยงามของภาพ

การใส่รูปภาพ
การนำรูปภาพมาใช้งานในเว็บเพจ

1. วางเคอร์เซอร์ลงบนเว็บเพจ บริเวณที่ต้องการแทรกภาพ

2. คลิกปุ่ม Insert แล้วเลือกคำสั่ง

(Image)

1. เลือกภาพที่ต้องการนำมาแทรกในเว็บเพจ ซึ่งสามารถดูตัวอย่างภาพได้โดยคลิก

1. คลิกปุ่ม OK

การปรับขนาดรูปภาพ
                เมื่อนำรูปภาพมาวางในเว็บเพจแล้ว หากมีขนาดไม่เหมาะสม เช่น รูปมีขนาดใหญ่หรือเล็กเกินไป เราสามารถปรับขนาดรูปภาพเพื่อให้มีขนาดพอดีกับหน้าเว็บเพจ ซึ่งมีขั้นตอนดังนี้
                1. คลิกเลือกรูปที่ต้องการปรับขนาด
                2. คลิกเลื่อนเมาส์ที่ขอบของภาพและย่อหรือขยายขนาด โดยกดปุ่ม < Shift > ค้างไว้จะเป็นการปรับขนาดตามสัดส่วนเดิม หรือปรับค่าตัวเลขขนาดภาพตามต้องการใน Property Inspectoc

การจัดวางรูปภาพ
เมื่อได้นำรูปภาพมาใส่ลงในเว็บเพจแล้ว สามารถจัดวางรูปในลักษณะต่าง ๆ เช่น ชิดซ้าย ตรงกลาง หรือชิดขวาก็ได้ โดยการจัดวางรูปภาพมีขั้นตอนดังนี้

1. คลิกเลือกรูปที่ต้องการจัดรูปแบบ

2. คลิกเลือกปุ่มเพื่อจัดวางให้เหมาะสมกับ หน้าเว็บเพจ