ข้ามไปยังเนื้อหา
Vizua
สนับสนุน Vizua (เร็วๆ นี้)

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

Vizua

Lossy Compression ตัดข้อมูลรูปที่ตาคุณมองไม่เห็นออก ลดขนาดไฟล์ได้ 60-80% ส่วน Lossless Compression จัดเรียงข้อมูลใหม่โดยไม่ตัดอะไรออก ประหยัดได้ 20-50% ฟอร์แมตรูปทุกตัวใช้อย่างใดอย่างหนึ่ง และการเลือกถูกประเภทคือปัจจัยที่สำคัญที่สุดต่อขนาดไฟล์

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

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

Lossless Compression หารูปแบบในข้อมูลพิกเซลแล้วแทนด้วยวิธีที่มีประสิทธิภาพกว่า เหมือนการแทน "ส้ม, ส้ม, ส้ม, ส้ม" ด้วย "ส้ม x4" เมื่อ Decompress ทุกพิกเซลต้นฉบับจะถูกกู้คืนตรงตามเดิม ไฟล์เล็กลง แต่ไม่มีข้อมูลถูกตัดทิ้ง PNG และ Lossless WebP ทำงานแบบนี้

Lossy Compression ไปไกลกว่า วิเคราะห์รูปแล้วตัดสินใจว่ารายละเอียดไหนที่ระบบการมองเห็นของมนุษย์มีโอกาสน้อยที่สุดที่จะสังเกตเห็น แล้วตัดทิ้งอย่างถาวร การเปลี่ยนผ่านสีที่ละเอียดอ่อนถูกทำให้เรียบง่ายลง เนื้อสัมผัสในส่วนที่มืดถูกปรับให้เรียบ ผลลัพธ์คือไฟล์ที่เล็กลงมาก แต่ข้อมูลต้นฉบับหายไปตลอดกาล JPEG, Lossy WebP และ AVIF ใช้วิธีนี้

ไม่มีวิธีไหน "ดีกว่า" อย่างถ้วนทั่ว ทั้งสองแก้ปัญหาคนละแบบ และ Workflow ที่ดีที่สุดใช้ทั้งสอง

Lossy Compression: หลักการทำงานจริงๆ

Encoder แบบ Lossy เช่น JPEG ใช้กระบวนการหลายขั้นตอน:

  1. แปลง Color Space — รูปถูกแปลงจาก RGB เป็น YCbCr แยกความสว่าง (ที่ตาเราไวต่อ) ออกจากข้อมูลสี (ที่ตาเราไม่ไว)
  2. Chroma Subsampling — ช่อง Color ถูกสุ่มตัวอย่างที่ความละเอียดครึ่งหนึ่งหรือหนึ่งในสี่ ตาคุณแทบไม่สังเกตเห็นเพราะมันรับรู้สีที่ความแม่นยำต่ำกว่าความสว่างมาก
  3. Block Transformation — รูปถูกแบ่งเป็นบล็อก 8x8 พิกเซล แต่ละบล็อกผ่านการแปลงทางคณิตศาสตร์ที่แยกข้อมูลภาพที่สำคัญออกจากรายละเอียดเล็กน้อย
  4. Quantization — นี่คือจุดที่ข้อมูลถูกตัดทิ้งจริงๆ รายละเอียดความถี่สูง (เนื้อสัมผัสละเอียด Noise) ถูกปัดเป็นศูนย์ ปุ่ม "Quality" ในเครื่องมือแก้ไขรูปควบคุมความแรงของกระบวนการนี้
  5. Entropy Coding — ข้อมูลที่เหลือถูกบีบอัดแบบ Lossless เพื่อบีบความซ้ำซ้อนสุดท้ายออก

ผลลัพธ์: JPEG จากกล้องขนาด 5 MB ที่ Quality 80 มักเหลือ 500 KB-1 MB โดยมองไม่เห็นความต่างที่ขนาดแสดงปกติ นั่นคือลดลง 80%

Lossless Compression: รักษาทุกพิกเซล

Encoder แบบ Lossless ใช้วิธีที่ต่างออกไป ไม่ตัดข้อมูลใดๆ ทิ้ง แต่หาวิธีที่มีประสิทธิภาพกว่าในการอธิบายข้อมูลเดิม:

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

การประหยัดขึ้นอยู่กับเนื้อหารูปอย่างมาก Screenshot ที่มีพื้นที่สีเดียวกันขนาดใหญ่อาจบีบอัดได้ 70-80% ส่วนรูปถ่ายที่มีเนื้อสัมผัสเฉพาะตัวทุกจุดอาจบีบอัดได้แค่ 10-20% นี่คือเหตุผลที่ Lossless เหมาะกับกราฟิกแต่ไม่เหมาะกับการส่งรูปถ่ายบนเว็บ

ตัวเลขจริง: เปรียบเทียบขนาดไฟล์

ฟอร์แมตต้นทาง ผลลัพธ์ Lossless ผลลัพธ์ Lossy (Quality 80)
รูปถ่ายไม่บีบอัด (5 MB) PNG: ~3.5 MB (ประหยัด 30%) JPEG: ~500 KB (ประหยัด 90%)
Screenshot (2 MB) PNG: ~400 KB (ประหยัด 80%) JPEG: ~200 KB (ประหยัด 90% แต่ข้อความเบลอ)
โลโก้ที่มี Transparency (500 KB) PNG: ~80 KB (ประหยัด 84%) ไม่สามารถใช้ได้ (JPEG ไม่มี Transparency)
JPEG (1 MB) บีบอัดซ้ำ PNG: ~2.5 MB (ใหญ่ขึ้น!) JPEG 80: ~700 KB (ประหยัด 30% แต่เสียคุณภาพเพิ่ม)

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

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

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

WebP และ AVIF มีความยืดหยุ่นมากที่สุดเพราะรองรับทั้งสองโหมด คุณเลือกได้ต่อรูป: Lossy สำหรับรูปถ่าย, Lossless สำหรับกราฟิก ถ้าไม่แน่ใจว่าจะเลือกฟอร์แมตไหน อ่านบทความ WebP เทียบกับ AVIF ที่วิเคราะห์ข้อดีข้อเสีย

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

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

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

ค่า Quality ที่เหมาะสำหรับรูปถ่ายเว็บส่วนใหญ่คือ 75-85 ที่ช่วงนี้ความแตกต่างจากต้นฉบับมองไม่เห็นที่ขนาดแสดงปกติ แต่ไฟล์เล็กลง 60-80% ลองด้วยตัวเองกับเครื่องมือบีบอัด JPEG หรือ บีบอัด WebP ของ Vizua ทั้งสองให้คุณปรับ Quality แล้วเปรียบเทียบก่อน-หลัง

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

  • Screenshot ที่มีข้อความ (Lossy ทำให้ข้อความเบลอ)
  • โลโก้และสินทรัพย์แบรนด์ (ต้องการสีที่แม่นยำ)
  • แผนภาพทางเทคนิคและภาพประกอบ
  • รูปที่ต้องการ Transparency (PNG หรือ Lossless WebP)
  • สำเนาสำรองที่อาจต้องแก้ไขในภายหลัง

สำหรับไฟล์ PNG โดยเฉพาะ เครื่องมือบีบอัด PNG ของ Vizua ปรับปรุง Encoding และลบ Metadata เพื่อลดขนาดไฟล์โดยไม่แตะพิกเซลแม้แต่จุดเดียว

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

มองเห็นความแตกต่างระหว่าง Lossy กับ Lossless ด้วยตาเปล่าได้ไหม?

ที่การตั้งค่าคุณภาพสูง (JPEG 80 ขึ้นไป, WebP 75 ขึ้นไป) คนส่วนใหญ่มองไม่เห็นความต่าง การวิจัยที่ใช้ค่า SSIM แสดงว่าคะแนนเกิน 0.95 หมายถึงรูปที่ดูเหมือนกันทางสายตา ความแตกต่างจะเห็นได้ก็ต่อเมื่อบีบอัดแรงมาก (JPEG ต่ำกว่า 60) หรือซูมเกิน 200% บนรายละเอียดเล็กๆ เช่น ข้อความหรือเส้นผม

PNG เป็น Lossless เสมอใช่ไหม?

PNG มาตรฐานเป็น Lossless เสมอ ทุกพิกเซลถูกเก็บรักษาตรงตามเดิม อย่างไรก็ตาม เครื่องมือบางตัวมีตัวเลือก "Lossy PNG" โดยลด Color Palette จาก 16 ล้านสี (24-bit) เหลือ 256 สี (8-bit) ในทางเทคนิคนี่คือ Lossy แต่สำหรับ Screenshot และภาพประกอบส่วนใหญ่ ผลลัพธ์ดูเหมือนต้นฉบับทุกประการ ขณะที่ลดขนาดไฟล์ 70-80%

การบีบอัดแบบไหนดีกว่าสำหรับรูปเว็บไซต์?

Lossy สำหรับรูปถ่าย (JPEG, Lossy WebP, AVIF) และ Lossless สำหรับกราฟิกที่มีข้อความ ขอบคม หรือ Transparency (PNG, Lossless WebP) ตัววัดสำคัญคือคุณภาพภาพที่ขนาดแสดงจริง ถ้ารูปที่บีบอัดดูเหมือนกันที่ขนาดที่มันจะแสดงจริงบนหน้าจอ Lossy คือทางเลือกที่ถูกต้อง

บีบอัดรูปซ้ำหลายครั้งทำให้แย่ลงไหม?

สำหรับฟอร์แมต Lossy ใช่ ทุกรอบของ Lossy Compression (บันทึก เปิดใหม่ บันทึกอีก) สร้างการเสียคุณภาพเพิ่มเรียกว่า "Generation Loss" จึงเป็นเหตุผลที่ช่างภาพเก็บต้นฉบับ RAW หรือ TIFF แล้ว Export เป็น JPEG/WebP เป็นขั้นตอนสุดท้าย ฟอร์แมต Lossless ไม่มีปัญหานี้ คุณสามารถบีบอัด PNG ซ้ำกี่ครั้งก็ได้โดยไม่เสียคุณภาพ

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

Lossy หรือ Lossless — ฟรี ปลอดภัย ทำงานในเบราว์เซอร์

บีบอัด JPEG บีบอัด PNG บีบอัด WebP