PNG กับ JPG กับ WebP

เวอร์ชันบรรทัดเดียว

ใช้ JPG สำหรับรูปถ่าย PNG สำหรับสิ่งที่มีขอบคม ข้อความ หรือความโปร่งใส และ WebP เมื่อปลายทางเป็นหน้าเว็บและคุณควบคุมสิ่งที่เปิดมันได้ หากจำอย่างอื่นไม่ได้เลย กฎนี้จะถูกเกือบทุกครั้ง

ทำไม JPG ยังอยู่ทุกที่

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

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

ทำไมจึงมี PNG

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

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

WebP ชนะจริง ๆ ตรงไหน

WebP ทำได้ทั้งสองงาน มีโหมดสูญเสียที่โดยทั่วไปดีกว่า JPG ที่คุณภาพภาพเท่ากัน และโหมดไม่สูญเสียที่มีความโปร่งใสซึ่งโดยทั่วไปดีกว่า PNG การประหยัดทั่วไปเมื่อเทียบกับ PNG อยู่ระหว่าง 30% ถึง 70%

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

กับดักที่เกือบทุกคนตกลงไป

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

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

ความโปร่งใสจะเป็นอย่างไร

มีเพียง PNG, WebP, GIF และ ICO ที่มีความโปร่งใส แปลงเป็น JPG หรือ BMP แล้วส่วนเหล่านั้นต้องกลายเป็นอะไรสักอย่าง เพราะรูปแบบไม่มีที่บันทึก "ไม่มีอะไรตรงนี้" เครื่องมือเลือกต่างกัน หลายตัวเลือกสีดำอย่างน่าแปลกใจ ซึ่งทำลายโลโก้ เว็บไซต์นี้เติมด้วยสีขาวโดยตั้งใจ ซึ่งแทบทุกครั้งตรงกับที่คนคาดหวัง

เพื่อนำไปใช้จริง: แปลง PNG เป็น WebP เพื่อรูปภาพเว็บที่เบากว่า แปลง JPG เป็น PNG เมื่อต้องการสำเนาที่ไม่สูญเสีย หรือบีบอัดรูปภาพโดยไม่เปลี่ยนรูปแบบ