บทที่ 8 การใช้รูปภาพ และการออกแบบกราฟฟิกสำหรับเว็บ บทที่ 8 การใช้รูปภาพ และการออกแบบกราฟฟิกสำหรับเว็บ สื่อชุดนี้เป็นลิขสิทธิ์ของสำนักพิมพ์วังอักษร ใช้เพื่อการศึกษาเท่านั้น
รูปแบบกราฟฟิกสำหรับเว็บ กราฟฟิกประเภท GIF กราฟฟิกประเภท JPEG กราฟฟิกประเภท PNG
การวัดขนาดและความละเอียดของรูปภาพ ระบบการวัดขนาดรูปภาพ หน่วยในการวัดขนาดของรูปภาพในเว็บมีหน่วยเป็นพิกเซล (Pixel) เนื่องจาก ความละเอียดหน้าจอมีหน่วยเป็นพิกเซล ซึ่งเมื่อมีการแสดงรูปภาพบนหน้าจอ จะจับคู่กันแบบหนึ่งต่อหนึ่งกับพิกเซลของรูปภาพ ดังนั้น ในการออกแบบรูปภาพ และกราฟฟิกต่าง ๆ จึงควรใช้ขนาดเป็นพิกเซลเสมอ ระบบการวัดความละเอียดของรูปภาพ การวัดความละเอียดของรูปภาพมีหน่วยเป็น Pixels Per Inch (PPI) แต่ก็มีระบบการวัดอีกระบบหนึ่ง คือ Dot Per Inch (DPI) ที่ใช้กับความละเอียดของรูปภาพที่พิมพ์ออกมา ซึ่งทั้ง 2 หน่วยสามารถใช้แทนกันได้ ความละเอียดของรูปภาพ ส่วนใหญ่แล้วความละเอียดของรูปภาพควรจะมีแค่ 72 PPI เนื่องจากว่าความละเอียดของหน้าจอคอมพิวเตอร์มีความละเอียดต่ำ ดังนั้น ไม่ว่ารูปจะมีความละเอียดสูงมากเท่าใดไม่สามารถมองเห็นความแตกต่างได้
กราฟฟิกรูปแบบ GIF ระบบสีแบบอินเด็กซ์ 8 บิต ระบบการบีบอัดข้อมูลของ GIF คุณสมบัติ Interlacing ลักษณะโปร่งใส
วิธีการป้องกันไม่ให้เกิดขอบที่ไม่ต้องการ เลือกใช้ขอบแบบ Aliased เลือกใช้ขอบแบบ Anti – Aliased คุณสมบัติการเคลื่อนไหว การลดขนาดไฟล์ GIF ออกแบบลวดลายตามแนวนอน ลดขนาดบิตเด็ปและจำนวนเสียง ลดปริมาณการสร้างสีใหม่
กราฟฟิกรูปแบบ JPEG ระบบสีขนาด 24 บิต ระบบการบีบอัดข้อมูลของ JPEG การสูญเสียคุณภาพ เมื่อไหร่ถึงจะใช้ JPEG การลดขนาดไฟล์ JPEG Optimized JPEG
คำแนะนำในการออกแบบกราฟฟิก ออกแบบกราฟฟิกโดยใช้ชุดสี ทำงานในระบบสีแบบ RGB ย่อดีกว่าขยายรูปภาพ ใช้ตัวอักษรแบบ Anti - Aliased