ลักษณะและการใช้รูปแบบรูปภาพ PNG

คุณสมบัติรูปแบบรูปภาพ PNG:

PNG รูปแบบภาพนี้มีคลาสย่อยมากมาย แต่ในทางปฏิบัติมันสามารถแบ่งออกเป็น 256 สี PNG และ PNG สีเต็มรูปแบบ หากคุณทำเสร็จคุณสามารถใช้ PNG 256 สีแทน GIF และ PNG สีเต็มแทน JPEG PNG สนับสนุนอัลฟ่าโปร่งใสอย่างเต็มที่ (โปร่งใสโปร่งแสงและทึบแสง) แม้ว่าจะมีปรากฏการณ์แปลก ๆ สองปรากฏ (ภายใต้ IE6)

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

การแสดงแปลก ๆ ของ PNG ใน IE:

เบราว์เซอร์ด้านล่าง IE6 รองรับความโปร่งใสของดัชนีของ PNG8 แต่ภาพจะต้องโปร่งใสอย่างสมบูรณ์ PNG8 โปร่งแสงจะแสดงความโปร่งใสอย่างสมบูรณ์ภายใต้เบราว์เซอร์ อัลฟ่าโปร่งใสสีเต็ม PNG (PNG32) จะปรากฏในสีพื้นหลังของ IE6 (โดยปกติสีเทา)

จากด้านบนเราสามารถสรุป:

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

(b) ไม่มีวิธีที่ดีในการแก้ข้อผิดพลาดที่สองและสามารถจัดการได้ผ่านวิธี (Alphaimageloader Filter และ HTC) เท่านั้น

เพิ่มเติมเกี่ยวกับ PNG:

PNG8

นามแฝง PNG สี 256 สี, รูปแบบที่ไม่สูญเสีย, ขนาดเล็กที่สุด แต่รองรับได้มากถึง 256 สี

PNG24

นามแฝงของ PNG สีเต็มรูปแบบนอกเหนือไปจากลักษณะของ PNG8 สามารถเก็บ 2 สีได้ในทางทฤษฎีกับพลังงานที่ 24 แต่รุ่นก่อนหน้าของ IE6 มีปัญหากับความเข้ากันได้ของรูปแบบนี้

PNG32

นามแฝงของ PNG สีเต็มยกเว้นลักษณะข้างต้นมีขนาดใหญ่กว่าเล็กน้อย

เมื่อเทียบกับ GIF

นอกเหนือจากการไม่สนับสนุนแอนิเมชั่น PNG8 ยังมีคุณสมบัติทั้งหมดของ GIF แต่ยิ่งได้เปรียบมากขึ้นกว่า GIF ก็คือมันรองรับความโปร่งใสของอัลฟ่าและการบีบอัดที่ดีขึ้น ดังนั้นส่วนใหญ่คุณควรใช้ PNG8 ไม่ใช่ GIF (ยกเว้นว่า GIF ภาพขนาดเล็กมากจะมีการบีบอัดที่ดีกว่า)

เมื่อเทียบกับ JPEG

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

ข้อความที่ตัดตอนมาจาก: http://www.cnblogs.com/kei0/archive/2012/08/29/2661947.html