วันอังคาร ที่ 17 เมษายน 2550
PNG ไฟล์รูปภาพสำหรับ เว็บไซต์
Posted by
นกฮูกสากล
,
ผู้อ่าน : 218
, 13:04:58 น.
พิมพ์หน้านี้
PNG ไฟล์รูปภาพสำหรับ เว็บไซต์ PNG ย่อมาจาก Portable Network Graphics ซึ่งเป็นรูปแบบของไฟล์รูปภาพที่ถูกพัฒนามาเพื่อใช้สำหรับการแสดงผลบนเว็บไซต์โดยเฉพาะ และเพื่อใช้แทนรูปแบบของไฟล์ GIF ด้วยเหตุผลทางด้านลิขสิทธิ์ เพราะ PNG นั้นเป็นรูปแบบของไฟล์รูปภาพที่มีลิขสิทธิ์แบบ Open Source สามารถนำไปใช้ และพัฒนาต่อได้อย่างอิสระ
โดยที่คุณสมบัติทั่วๆไปของ PNG นั้นจะคล้ายกับ GIF คือ มีการบีบอัดไฟล์ได้โดยไม่สูญเสียคุณภาพ นอกจากนี้ PNG ยังมีข้อดีอีกหลายประการที่ไม่มีใน GIF คือ
- รูปแบบไฟล์แบบPNG นั้นสามารถที่จะบีบอัดไฟล์ให้มีขนาดเล็กกว่า GIF ประมาณ 10-30%
- สามารถทำพื้นหลังโปร่งใส (Transparency) ได้เหมือนกับ GIF แต่สามารถปรับค่าความโปร่งใสได้ เพราะ PNG นั้นรองรับ Alpha Transparency แต่ GIF นั้นจะรองรับเพียง Binary Transparency กล่าวคือ GIF สามารถทำให้ภาพมีพื้นหลัง 100% และไม่มีพื้นหลังเลย (พื้นหลัง 0%) แต่จะไม่สามารถทำให้พื้นหลังมีค่าที่ต่างไปจากนี้ได้ เช่นให้พื้นหลังมีค่า 50% จะไม่สามารถทำได้ เราจึงเรียกคุณสมบัตินี้ว่า Binary Transparency
อีกอย่างหนึ่งคือ การใช้ Transparency กับไฟล์ GIF นั้น จะต้องกำหนดค่า matte เพื่อให้ขอบภาพกลืนไปกับสีของพื้นหลังที่จะนำภาพไปประกอบ ถ้าเราทำการเปลี่ยนสีพื้นหลังดังกล่าว เราก็จำเป็นที่จะต้องเปลี่ยนค่า matte ตามไปด้วย ไม่เช่นนั้นภาพก็จะออกมาในลักษณะที่ขอบของภาพแตกได้ ซึ่งถ้าเป็นไฟล์ PNG จะไม่มีปัญหาเหล่านี้ และ PNG ยังสามารถปรับค่าความโปร่งใสได้หลายระดับอีกด้วย
 แสดงการเปรียบเทียบ ไฟล์ .gif และ .png
- รูปแบบไฟล์แบบPNG สามารถแสดงผลแบบหยาบสู่ละเอียด (Interlaced) ได้เร็วกว่า Interlaced GIF 
แสดงตัวอย่างการแสดงภาพหยาบสู่ละเอียด (Interlaced)
- รูปแบบไฟล์แบบPNG นั้นรองรับการแสดงผลของสีได้มากถึง 48 บิต ซึ่ง GIF นั้นสามารถรองรับการแสดงสีได้แค่ 8 บิต เท่านั้น
ส่วนในเรื่องของการทำภาพเคลื่อนไหวนั้น ไฟล์ GIF คงไม่มีปัญหาในเรื่องนี้ โดยในปัจจุบัน ไฟล์ GIF ที่นิยมใช้กันอยู่นั้น จะมีอยู่ด้วยกัน 2 เวอร์ชัน คือ 87a และ89a โดยที่ 87a จะเป็นรูปภาพกราฟิกเพียงอย่างเดียว ขณะที่เวอร์ชัน 89a จะสนับสนุนการทำภาพเคลื่อนไหวได้ ส่วนไฟล์ PNG นั้นก็สามารถที่จะทำภาพเคลื่อนไหวได้เช่นกัน โดยต้องใช้ระบบ MNG (Multi-Image PNG) เข้าช่วย
จะเห็นได้ว่ารูปแบบไฟล์แบบ PNG นั้นมีข้อดีมากมาย แต่ยังไม่เป็นที่นิยมมากนัก เนื่องจาก เว็บบราวเซอร์ ต่างๆยังไม่รองรับการแสดงผลของ PNG อย่างเต็มรูปแบบ แต่ปัจจุบัน เว็บบราวเซอร์ เกือบทุกชนิดสามารถรองรับการแสดงผลของ PNG ได้แล้ว ยกเว้นแต่ Internet Explorer (ไม่รวม IE 7 ที่ออกมาใหม่) เท่านั้น
หลายคนอาจจะสงสัยว่าแล้วไม่มีวิธีอื่นอีกหรือ ที่จะทำให้ IE สามารถแสดงไฟล์ PNG ได้เต็มรูปแบบ คำตอบก็คือพอที่จะมีอยู่บ้าง เช่นใช้ DHTML เข้ามาช่วยโดยการเพิ่ม Filter ชื่อ AlphaImageLoader(ข้อมูลเพิ่มเติมที่ http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alphaimageloader.asp ) หรือใช้ PHP ในการทำให้ไฟล์ PNG เป็น Transparency สำหรับแสดงบน IE หรืออาจจะใช้ Java Script เข้ามาช่วยก็ได้เช่นกัน
รูปแบบของไฟล์รูปภาพนั้นมีหลายประเภท และแต่ละประเภทก็จะมีคุณสมบัติ ที่แตกต่างกันไป การที่เราเรียนรู้คุณสมบัติของรูปแบบไฟล์ต่างๆ จะช่วยให้เราสามารถเลือกรูปแบบของไฟล์เพื่อนำมาใช้งานได้อย่างถูกต้อง และมีประสิทธิภาพสูงสุดด้วย
|