ข้ามไปยังเนื้อหา
Vizua

การบีบอัดรูปภาพ: Lossy กับ Lossless แตกต่างกันอย่างไรและใช้เมื่อไหร่

อัปเดต:

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

อะไรเกิดขึ้นกับพิกเซลของคุณ: ความแตกต่างพื้นฐาน

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

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

การบีบอัดสูญเสียแปลงหรือทำนายข้อมูลและควอนไทซ์บางส่วน ไล่สี พื้นผิว สี และขอบอาจเปลี่ยน ข้อมูลที่ทิ้งกู้ไม่ได้ JPEG, WebP และ AVIF แบบสูญเสียใช้วิธีต่างกัน

ไม่มีวิธีใดดีกว่าเสมอ ทั้งสองแก้ปัญหาต่างกัน และเวิร์กโฟลว์ที่ดีใช้ตามเนื้อหา

การบีบอัดแบบสูญเสียทำงานอย่างไร

JPEG พื้นฐานเป็นตัวอย่างของกระบวนการแบบสูญเสีย:

  1. แปลงพื้นที่สี — ตัวเข้ารหัสทั่วไปแปลง RGB เป็นความสว่าง/สี เมทริกซ์ ช่วง และการจัดการสีมีผล
  2. ลดตัวอย่างสีแบบเลือกได้ — สีอาจเก็บที่ความละเอียดเชิงพื้นที่ต่ำกว่าความสว่าง การมองเห็นขึ้นกับเนื้อหา โหมด หน้าจอ และผู้ชม ข้อความและขอบสีอิ่มอาจเผยการเปลี่ยน
  3. แปลงบล็อก — JPEG พื้นฐานใช้การแปลงโคไซน์ไม่ต่อเนื่องกับบล็อก 8×8 ส่วน WebP และ AVIF มีโครงสร้างต่างกัน
  4. ควอนไทซ์ — แทนค่าด้วยความแม่นยำน้อยลง ตัวควบคุมคุณภาพมีผลหลายการตัดสินใจและไม่ใช่มาตราส่วนกายภาพมาตรฐาน
  5. เข้ารหัสเอนโทรปี — บีบข้อมูลที่เหลือแบบไม่สูญเสีย

เลขคุณภาพเดียวกันให้ผลต่างกันในแต่ละตัวเข้ารหัส และต้นฉบับที่บีบแล้วอาจลดได้น้อยกว่ามาสเตอร์ไม่บีบมาก ส่งออกไฟล์ตัวแทนและเปรียบเทียบขนาดกับข้อบกพร่องในบริบทจริง

การบีบอัดแบบไม่สูญเสียทำงานอย่างไร

การเข้ารหัสไม่สูญเสียอธิบายพิกเซลโดยไม่ทิ้ง แต่เครื่องมืออาจแปลงภาพก่อนเข้ารหัส:

  • กรองและทำนาย — ทำนายพิกเซลจากเพื่อนบ้านแล้วเก็บส่วนต่าง พื้นที่เรียบมีส่วนต่างเล็ก
  • Dictionary Coding — รูปแบบที่ซ้ำกันถูกเก็บครั้งเดียวแล้วอ้างอิงด้วย Pointer สั้นๆ คล้ายกับวิธีที่ ZIP ทำงาน
  • เข้ารหัสเอนโทรปี — ค่าที่พบบ่อยใช้ตัวแทนไบนารีสั้น

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

ผลตัวอย่าง: ต้นฉบับมีความสำคัญ

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

แถวสุดท้ายแสดงข้อผิดพลาดทั่วไป: JPEG เป็น PNG ไม่คืนรายละเอียดและมักทำให้ไฟล์ใหญ่ขึ้น ผลขึ้นกับเนื้อหาและตัวเข้ารหัส ตารางเป็นพฤติกรรมให้ทดสอบ ไม่ใช่ค่ามาตรฐาน

ฟอร์แมตไหนใช้การบีบอัดแบบไหน

ฟอร์แมต Lossy Lossless บทบาททั่วไป
JPEG ใช่ (เท่านั้น) ไม่ ภาพถ่ายและภาพหลัก
PNG ไม่ ใช่ (เท่านั้น) ภาพหน้าจอ โลโก้ กราฟิกข้อความ
WebP ใช่ ใช่ การส่งเว็บสมัยใหม่ที่ทดสอบ
AVIF ใช่ ใช่ กระบวนการสมัยใหม่ที่ทดสอบความเข้ากัน
GIF การสร้างพาเลตอาจสูญเสีย LZW รักษาค่าดัชนี แอนิเมชันง่ายเมื่อจำเป็นต้องใช้ GIF
TIFF ขึ้นกับการบีบอัดและเนื้อหา ตัวเลือกไม่สูญเสียหรือไม่บีบหลายแบบ งานภาพ พิมพ์ หรือเก็บรักษาเฉพาะแอป

WebP และ AVIF มีทั้งสองโหมด แต่เครื่องมืออาจให้เพียงโหมดเดียว เลือกจากความสามารถจริง เนื้อหา การรองรับ และผลที่ทดสอบ ดูการเปรียบเทียบ WebP กับ AVIF

คู่มือปฏิบัติ: ใช้แบบไหนเมื่อไหร่

ใช้ Lossy Compression สำหรับ:

  • รูปถ่ายและรูปธรรมชาติ (วิวทิวทัศน์ ภาพบุคคล รูปสินค้า)
  • แบนเนอร์หลักและภาพพื้นหลังเว็บไซต์
  • รูปโซเชียลมีเดียและ Thumbnail
  • ภาพส่งมอบที่ไฟล์เล็กสำคัญกว่ารักษาทุกพิกเซล

คุณภาพราว 75–85 เป็นจุดเริ่มต้นในตัวเข้ารหัสหลายตัว ไม่ใช่การรับประกันหรือมาตราส่วนร่วม ทดลองบีบอัด JPEGหรือบีบอัด WebP ตรวจที่ขนาดส่งมอบและซูมสูง แล้วเก็บต้นฉบับ

ใช้ Lossless Compression สำหรับ:

  • ภาพหน้าจอมีข้อความที่แบบสูญเสียอาจทำให้เบลอ
  • โลโก้และสื่อแบรนด์ (ต้องการสีที่แม่นยำทุกจุด)
  • แผนภาพทางเทคนิคและภาพประกอบ
  • ภาพที่ต้องการทั้งอัลฟาและรักษาพิกเซล เมื่อตัวเข้ารหัสรองรับ
  • มาสเตอร์แรสเตอร์ที่กำหนดเวิร์กโฟลว์ ความแม่นยำ เมตาดาตา และนโยบายรักษา

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

คำถามที่พบบ่อย

มองเห็นความต่างระหว่างแบบสูญเสียกับไม่สูญเสียไหม

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

PNG ไม่สูญเสียเสมอหรือไม่

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

แบบใดดีกว่าสำหรับเว็บ

แบบสูญเสียมักมีประสิทธิภาพกับภาพถ่าย ส่วนไม่สูญเสียเหมาะกับข้อความ ขอบคม ไฟล์กลาง หรือพิกเซลที่ต้องรักษา รูปแบบสมัยใหม่ให้ความโปร่งใสได้ทั้งสองโหมด ทดสอบต้นฉบับที่ขนาดส่งมอบแทนกฎเดียว

บีบอัดหลายครั้งทำให้ภาพแย่ไหม

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

WebP มีทั้งสองโหมดไหม

มี ข้อกำหนด WebP และ AVIF รวมทั้งสองแบบ แต่ตัวเข้ารหัสหรือหน้าจอจริงอาจให้บางโหมด ตรวจไฟล์ที่สร้างและอย่าสรุปจากชื่อเท่านั้น

บีบอัดรูปของคุณเดี๋ยวนี้

ไฟล์ที่เลือกประมวลผลในเบราว์เซอร์และไม่ส่งไปเซิร์ฟเวอร์ภาพของเรา