รูปแบบรูปภาพ: PNG

มีบางอย่างที่ทำให้ PNG (Portable Network Graphics) แตกต่างจากรูปแบบอื่นๆ แต่เนื่องจากมีจุดประสงค์เพื่อใช้แทน GIF (เนื่องจากมีการโต้แย้งสิทธิบัตรมานานแล้ว) จึงมีความคล้ายคลึงกับ GIF ในหลายรูปแบบ PNG ยังใช้การบีบอัดที่ไม่สูญเสียข้อมูล (เช่น การบีบอัดข้อมูล) ซึ่งหมายความว่าข้อมูลรูปภาพจะได้รับการบีบอัดโดยไม่สูญเสียคุณภาพของภาพ ชุดสีของรูปภาพอาจเป็นตัวเลข "สีที่มีการจัดทําดัชนี" โดย PNG จะใช้ชุดสีที่จํากัดอยู่ที่ 256 สี เช่นเดียวกับ GIF ไฟล์ PNG “truecolor” ที่แพร่หลายกว่านั้น อาจมีสีมากกว่า 16 ล้านสี

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

ดอกไม้สีชมพู 2 ดอกแสดงถึงความโปร่งแสง 2 ระดับ

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

การเปรียบเทียบ JPEG และ PNG

PNG เป็นรูปแบบที่ใช้กันแพร่หลายกว่าในช่วงหลายปีที่ผ่านมา สำหรับกรณีการใช้งานแบบเดียวเนื่องจากการเข้ารหัสแรสเตอร์เพียงอย่างเดียวที่รองรับแบบกึ่งโปร่งใส ปัจจุบันควรพิจารณาใช้ PNG สำหรับอาร์ตเวิร์กแบบง่ายๆ ที่ต้องเป็นแบบกึ่งโปร่งใสเท่านั้น เช่น โลโก้บริษัทที่มีเงาตกกระทบ และควรเปรียบเทียบอย่างรอบคอบกับรูปแบบที่ทันสมัยกว่าที่รองรับแบบกึ่งโปร่งใส เช่น WebP

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

การเปรียบเทียบ PNG และ SVG

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

อย่างไรก็ตาม แม้ว่าการเข้ารหัสจะมีมาตรฐาน แต่เครื่องมือการแก้ไขต่างๆ ก็มีวิธีการเข้ารหัสที่แตกต่างกัน ซึ่งวิธีการนี้มีประสิทธิภาพมากกว่าแบบอื่นๆ มาก ก่อนที่จะโอน PNG ในทุกบริบท อย่าลืมเรียกใช้ไฟล์ผ่านเครื่องมือ เช่น Squoosh หรือ Image Optim