อบรมสื่อมีเดีย - รูปภาพ GIF

GIF คือหนึ่งในรูปแบบรูปภาพที่ใช้ในเว็บ

บทความนี้อธิบายละเอียดเกี่ยวกับคุณสมบัติและทัศน์การใช้ GIF รูปภาพ

ความเข้าใจรูปแบบรูปภาพ

ไม่มีกฎระเบียบที่กำหนดรูปแบบรูปภาพทางเจ้าของ HTML หรือ XHTML อยู่ แต่เว็บเบราวเซอร์ที่แพร่หลายได้กำหนดรูปแบบรูปภาพบางรูปแบบเด็ดขาด: โดยทั่วไปแล้วคือ GIF และ JPEG รูปแบบมักต้องใช้โปรแกรมบุคคลเพื่อที่ผู้ใช้ของเว็บเบราวเซอร์จะสามารถหา ติดตั้ง และประมวลผลโปรแกรมเหล่านั้นอย่างถูกต้อง เพื่อที่จะดูหรือฟังได้เอกสารพิเศษเหล่านั้น ดังนั้น GIF และ JPEG ก็กลายเป็นมาตรฐานที่แพร่หลายในเว็บไซต์แล้ว

ก่อนที่เว็บไซต์จะปรากฏขึ้น สองรูปแบบรูปภาพนี้ได้ถูกใช้งานกว้างขวางแล้ว ดังนั้นมีซอฟต์แวร์ที่สนับสนุนมากมายที่ช่วยเราในการสร้างรูปภาพในรูปแบบทั้งสอง อย่างไรก็ตาม ทั้งสองรูปแบบนี้มีข้อดีและข้ออ่อนของตนเอง บางเว็บเบราวเซอร์จะใช้คุณสมบัติของตนเองเพื่อทำให้มีการแสดงที่เฉพาะเจาะจง

GIF

GIF รูปแบบหมายถึงรูปแบบการแลกเปลี่ยนรูปภาพ (Graphics Interchange Format หรือ GIF) ซึ่งรูปแบบนี้ได้ถูกพัฒนาขึ้นโดย CompuServe เพื่อใช้ในการส่งรูปภาพให้แก่ผู้ใช้บนบริการออนไลน์ของพวกเขา

คุณสมบัติของ GIF รูปแบบ

GIF รูปแบบมีคุณสมบัติมากมาย ดังนั้นมันเป็นที่แพร่หลายใน HTML/XHTML

ในต้นทางของมัน ทางเทคโนโลยีการ encode ของมันสามารถใช้ได้บนหลายๆ พลาตฟอร์ม ดังนั้นจึงสามารถสร้างและประกอบรูปภาพใน GIF บน Macintosh ด้วยโปรแกรม GIF decode ที่เป็นไปได้ที่ส่วนใหญ่ของเว็บเบราวเซอร์ ที่มีการทำงานบน PC ที่ใช้ Windows ก็สามารถโหลด การ decode และดูได้ง่ายๆ

GIF รูปแบบที่สองคือ มันใช้เทคโนโลยีการ压缩พิเศษที่สามารถลดขนาดไฟล์รูปภาพลงอย่างมีประโยชน์ ดังนั้นจึงสามารถโหลดและโหลดได้เร็วขึ้นในเครือข่ายอินเทอร์เน็ต และ GIF การ compression คือ compression ที่ไม่สูญเสีย นั่นคือ ข้อมูลในรูปภาพดั้งเดิมจะไม่เปลี่ยนแปลงหรือสูญเสีย เพราะนั้น รูปภาพที่ถูก decompress และ decode หลังจากนั้นจะเหมือนกับรูปภาพดั้งเดิมเสมอ

นอกจากนี้ รูปภาพ GIF ยังง่ายต่อการทำให้เกิดการเคลื่อนไหว

เวอร์ชันและสีของรูปแบบ GIF

ถึงแม้ว่าแม้ว่ารูปภาพ GIF ใช้ .gif (หรือ .GIF) ในรูปแบบนามสกุลไฟล์ แต่มีสองเวอร์ชัน GIF คือ GIF87 และ GIF89a ซึ่งสนับสนุนคุณสมบัติใหม่หลายราย รวมถึงพื้นที่ที่โปร่ง การเก็บข้อมูลที่แลกเปลี่ยนและการเคลื่อนไหว ซึ่งเป็นที่นิยมในการใช้งานของผู้สร้างเว็บ

เว็บเบราสเซอร์ที่แพร่หลายในปัจจุบันสนับสนุนรูปแบบ GIF สองรูปแบบ ทั้งหมดใช้วิธีเดียวกันในการแปลงค่าจุดภาพ 8 บิตเข้าสู่ตารางสี ดังนั้นแต่ละรูปภาพสามารถมีสีสูงสุด 256 สี

จำนวนสีที่ใช้ในรูปภาพ GIF ส่วนใหญ่นั้นน้อยกว่า โดยมีเครื่องมือพิมพ์พิเศษ (เช่น Macromedia Fireworks) ที่สามารถลดสีในรูปภาพที่มีความละเอียดสูง ด้วยการลดสีนี้ สามารถสร้างภาพสีเล็กกว่าและเพิ่มความเสมือนกันของจุดภาพเพื่อที่จะทำให้การหุ้มบังภาพลดลง ดังนั้นการดาวน์โหลดจึงเร็วขึ้น

อย่างไรก็ตาม เนื่องจากจำนวนสีที่มีจำกัด รูปภาพที่เข้ารหัสด้วย GIF ไม่สามารถใช้ทุกครั้ง โดยเฉพาะอย่างยิ่งเมื่อเป็นรูปภาพที่มีความชัดเจนเหมือนรูปถ่าย GIF สามารถใช้ที่จะสร้างไอคอนและรูปภาพที่มีสีน้อยและภาพวาดที่มีสีน้อย

แม้ว่าผู้สร้างที่เล็งเล็กน้อยก็จะเลือก GIF

เพราะมากว่า 90% ของเว็บเบราสเซอร์ที่ใช้ปัจจุบันเปิดเผยว่ามีการสนับสนุนรูปแบบ GIF ดังนั้นมันก็เป็นรูปแบบการเข้ารหัสรูปภาพที่ได้รับการยอมรับมากที่สุดบนเว็บ รูปภาพที่ใช้รูปแบบ GIF นั้นสามารถใช้ในรูปแบบรูปภาพส่วนบุคคลและลิงก์ภายนอกด้วย ถ้าคุณตั้งใจที่จะเลือกรูปแบบรูปภาพ ใช้ GIF นั้นจะเป็นทางที่ถูกต้องที่สุด มันเป็นไปได้ที่จะทำงานได้ดีในทุกสถานการณ์

ทั้งยายามของรูป GIF

รูป GIF มีทั้งหมดสามทั้งยายาม คือ สแกนแบบข้างขวาง (interlacing) ความโปร่งเปล่า (transparency) และ การเคลื่อนไหว (animation)

สแกนแบบข้างขวาง

ผ่านการสแกนแบบข้างขวาง รูป GIF สามารถแสดงขึ้นทางหน้าจอในครั้งเดียว ไม่ใช่ที่จะแสดงจากบนลงมาเป็นช่วงเวลาที่ยาวนาน โดยทั่วไปแล้ว รูปภาพที่ใช้รูปแบบ GIF นั้นเป็นตัวเลขจุดภาพที่เรียงตามลำดับจากด้านบนไปด้านล่างของภาพเป็นลำดับที่ทำงานแบบบวกแบบลูกศร ดังนั้น รูป GIF ทั่วไปในการแสดงบนหน้าจอนั้นเหมือนที่เปิดหน้าต่าง ในขณะที่รูป GIF ที่มีการสแกนแบบข้างขวางในการแสดงนั้นเหมือนที่หมุนเหลี่ยมหน้าต่าง นี่เพราะตัวเลขจุดภาพมีลำดับที่ข้างขวางเปลี่ยนกันทุก 4 บรรทัด ผู้ใช้จะต้องใช้เวลาที่ลงในการดาวน์โหลดและแสดงรูปภาพทั้งหมดในระยะเวลาที่มีกว่า 1/4 โดยแน่นอนว่าจะเห็นรูปภาพที่เสริมจากบนลงมาทั้งหมดแล้ว แม้ว่ามันจะมีภาพที่มืดมาก รูปภาพที่เสริมเพียง 1/4 โดยทั่วไปนั้นเพียงพอเพื่อให้ผู้ใช้ที่มีความเร็วการเชื่อมต่อเครือข่ายช้าจะตัดสินว่า มีความจำเป็นที่จะใช้เวลาดาวน์โหลดส่วนที่เหลือของรูปภาพหรือไม่

ถึงแม้ว่าบราวเซอร์กราฟฟิกทุกตัวสามารถแสดง GIF ที่มีการสแกนข้างเท้าและฝั่ง แต่ไม่ทุกตัวสามารถแสดงผลที่เห็นได้ว่าการสแกนข้างเท้าและฝั่งที่เรียบร้อยขึ้นไป แม้ว่าบราวเซอร์ที่สามารถทำได้ ผู้ใช้ยังสามารถปิดการแสดงผลนี้ด้วยการเลือกที่จะแสดงภาพหลังจากที่ไฟล์ทั้งหมดลงโหลดและแก้ไข บราวเซอร์ที่เก่าแก่ยังมักจะแสดงภาพหลังจากที่ไฟล์ทั้งหมดลงโหลดและแก้ไข ดังนั้นไม่สนับสนุนการแสดงผลนี้

ความโปร่งแสง

GIF ภาพ (เป็นการอ้างถึงฟอร์แมต GIF89a) มีผลลัพธ์ที่เป็นที่รู้จักอีกหนึ่งอย่างคือ มันสามารถทำให้ส่วนหนึ่งของภาพมีความโปร่งแสง ดังนั้นเนื้อหาด้านล่างของภาพ (ทั่วไปแล้วเป็นพื้นหลังของวินโดวบราวเซอร์) จะแสดงผ่านส่วนที่โปร่ง ภาพ GIF ที่มีความโปร่งแสงใช้สีหนึ่งในการแม่นำสีเพื่อที่จะให้พื้นหลังของวินโดวแสดงผ่านมา ด้วยการตัดขนาดภาพและเลือกสีพื้นหลังที่ใกล้เคียงสีแท้สำเร็จ ภาพที่โปร่งสามารถถูกทำให้ดูเหมือนว่ามันจะเข้าไปในเว็บไซต์หรือเลื่อนขึ้นมา

GIF ภาพที่มีความโปร่งแสงเหมาะสมกับภาพที่ต้องการที่จะเข้าไปในเอกสารแต่ไม่ต้องการที่จะดูเป็นสี่เหลี่ยม หลักฐาน GIF ที่มีความโปร่งแสงยังมีบ่อย อย่างเช่น ไอคอนที่มีความโปร่งแสง หรือสัญลักษณ์การพิมพ์ - ภาพที่มีรูปร่างธรรมชาติแบบแท้จริงทุกตัวก็สามารถใช้นี้ได้ ยังสามารถใส่ภาพที่มีความโปร่งแสงภายในข้อความของเอกสารเพื่อแสดงสัญลักษณ์เฉพาะ

GIF ภาพที่มีความโปร่งแสงมีข้อบกพร่องหนึ่งคือ ถ้าใส่มันในแท็กซ์โทนของลิงก์ (a) และไม่กำจัดเส้นขอบของมัน หรือใช้เฟรมแยกมันออกมา มันจะดูย่อมและแย้มอย่างมาก และเนื้อหาอื่นๆ จะแสดงรอบขอบสี่เหลี่ยมของภาพ แทนที่จะใกล้ภาพที่มีขอบโปร่ง ซึ่งทำให้ภาพถูกกำจัดออกมาอย่างไม่จำเป็น หรือทำให้เว็บไซต์ดูแปลกปลาย

อนิเมชั่น

GIF89a ฟอร์แมตภาพกราฟฟิกมีคุณสมบัติเด่นที่สามคือ มันสามารถทำอนิเมชั่นแบบต่อเนื่องเพียงชิ้นเดียว ด้วยการใช้โปรแกรมเครื่องมืออนิเมชั่น GIF พิเศษ สามารถจัดเก็บชุดภาพ GIF อย่างหนึ่งในไฟล์ GIF89a แยกตัว โปรแกรมบราวเซอร์จะแสดงภาพที่แยกตัวดังกล่าวตามลำดับ ทำให้เหมือนที่เราเคยเล่น (หรือเขียน) ซุ้มหนังสือที่มีภาพที่แสดงอนิเมชั่นด้วยการเรียกดูภาพอย่างรวดเร็ว ในไฟล์ GIF ภาพที่แยกตัวมีส่วนควบคุมพิเศษ ที่สามารถใช้ตั้งค่าเพื่อให้บราวเซอร์แสดงทั้งหมดของลำดับ (วน) จำนวนครั้งที่แสดงทุกภาพในลำดับ ระยะเวลาที่หยุดระหว่างภาพที่แยกตัว และการกำจัดพื้นที่ภาพหลังก่อนที่จะแสดงภาพต่อไป และอื่นๆ โดยการรวมคุณสมบัติเหล่านี้กับคุณสมบัติที่ GIF ทั่วไปมี (รวมถึงตารางสีเดี่ยว ความโปร่งแสง และการสแกนข้างเท้าและฝั่ง และอื่นๆ) จึงสามารถสร้างภาพที่ดูน่าดึงดูดและสวยงามมาก

อีกสาเหตุหนึ่งที่ทำให้อนิมาชั่น GIF มีผลกระทบที่แข็งแกร่งนั้นคือ ไม่จำเป็นต้องเขียนโปรแกรมเพื่อ HTML โดยไม่มีการเขียนโปรแกรมเพื่อเอกสาร HTML แต่มันมีข้อบกพร่องที่มากมาย คือมันจำกัดในรูปแบบที่เล็กเช่นไอคอน หรือรูปแบบที่แคบเช่นแถวของหน้าตู้เว็บไซต์ แม้ว่าคุณจะดูแลอย่างระมัดระวังและไม่ทำให้ส่วนที่ไม่เคลื่อนไหวของหน่วยงานเคลื่อนไหวที่ต่อเนื่องกัน อนิมาชั่น GIF ก็ง่ายต่อตัวเองที่จะเป็นขนาดใหญ่มาก ดังนั้น ถ้าเอกสารมีหลายอนิมาชั่น ระยะเวลาที่ใช้ในการดาวน์โหลดภาพนี้อาจทำให้ผู้ใช้รู้สึกผิดหวังมาก ถึงแม้ว่ามีคุณสมบัติที่เราควรให้ความสำคัญและดูแลอย่างระมัดระวังเพื่อไม่ให้ใช้มากเกินไป นั่นก็คืออนิมาชั่น GIF

สรุป

เนื่องจากที่ GIF อนิมาชั่นที่เรียบง่ายมีผลกระทบที่แข็งแกร่งอีกด้วยสาเหตุหนึ่งที่สำคัญอื่น คือ ไม่จำเป็นต้องเขียนโปรแกรมเพื่อ HTML โดยไม่มีการเขียนโปรแกรมเพื่อเอกสาร HTML โดยไม่มีการเขียนโปรแกรมเพื่อเอกสาร HTML แต่มันมีข้อบกพร่องที่มากมาย คือมันจำกัดในรูปแบบที่เล็กเช่นไอคอน หรือรูปแบบที่แคบเช่นแถวของหน้าตู้เว็บไซต์ แม้ว่าคุณจะดูแลอย่างระมัดระวังและไม่ทำให้ส่วนที่ไม่เคลื่อนไหวของหน่วยงานเคลื่อนไหวที่ต่อเนื่องกัน อนิมาชั่น GIF ก็ง่ายต่อตัวเองที่จะเป็นขนาดใหญ่มาก ดังนั้น ถ้าเอกสารมีหลายอนิมาชั่น ระยะเวลาที่ใช้ในการดาวน์โหลดภาพนี้อาจทำให้ผู้ใช้รู้สึกผิดหวังมาก