ข้ามไปยังเนื้อหา
LeedyBox
สนับสนุน

อธิบายการตั้งค่าการบีบอัดภาพ

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

การบีบอัดแบบไม่สูญเสียข้อมูลและแบบสูญเสียข้อมูล

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

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

ตัวเลขคุณภาพหมายถึงอะไร

ตัวเลขคุณภาพ ซึ่งมักอยู่ระหว่าง 1 ถึง 100 เป็นการตั้งค่าของตัวเข้ารหัสที่ควบคุมว่าจะเก็บรายละเอียดอย่างหยาบเพียงใด ตัวเลขนี้ไม่ใช่เปอร์เซ็นต์ของขนาดไฟล์เดิมหรือของคุณภาพเดิม JPG ที่บันทึกที่ 50 ไม่ได้มีขนาดครึ่งหนึ่งของไฟล์ที่บันทึกที่ 100 ตัวเลขเดียวกันยังให้ผลต่างกันในแต่ละโปรแกรมและแต่ละรูปแบบ WebP ที่ 75 ไม่เท่ากับ JPG ที่ 75

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

  • ภาพเป็นบล็อก (blocking): เห็นเป็นช่องสี่เหลี่ยมใน JPG โดยเฉพาะบนท้องฟ้าและพื้นที่เรียบอื่น ๆ
  • เงาขอบ (ringing): รัศมีและจุดประรอบขอบที่คมและรอบตัวหนังสือ
  • รายละเอียดถูกเกลี่ยหาย (smearing): พื้นผิวละเอียด เช่น หญ้าหรือเส้นผม กลายเป็นพื้นเรียบ ซึ่งเป็นลักษณะที่พบบ่อยของ WebP คุณภาพต่ำ
  • แถบสี (banding): สีไล่ระดับที่เนียนแตกออกเป็นขั้นที่มองเห็นได้

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

การลดจำนวนสีของ PNG และแถบสี

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

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

ใน LeedyBox แถบเลื่อนคุณภาพจะกำหนดขนาดจานสีสูงสุดของ PNG คือ 256 สีที่ 99 ประมาณ 130 สีที่ค่าเริ่มต้น 75 และ 16 สีที่ 1 ที่ค่า 100 จะไม่มีการลดจำนวนสี และ PNG จะถูกบีบอัดใหม่เท่านั้น สำหรับภาพถ่าย JPG หรือ WebP มักให้ไฟล์ที่เล็กกว่าโดยมีความเสียหายที่มองเห็นได้น้อยกว่า

ระบบไปถึงขนาดไฟล์เป้าหมายได้อย่างไร

สำหรับแบบฟอร์มอัปโหลดที่จำกัดขนาดไฟล์ โหมด "ขนาดไฟล์เป้าหมาย" จะค้นหาการตั้งค่าให้คุณ

  • สำหรับ JPG และ WebP จะลองคุณภาพ 95 ก่อน หากยังใหญ่เกินไป จะแบ่งครึ่งช่วงระหว่าง 5 ถึง 95 ซ้ำ ๆ เพื่อจำกัดช่วงให้แคบลง และเลือกคุณภาพสูงสุดที่พบซึ่งได้ขนาดไม่เกินเป้าหมาย
  • สำหรับ PNG จะลองแบบไม่สูญเสียข้อมูลก่อน แล้วจึงลอง 256, 128, 64, 32 และ 16 สี
  • หากไม่มีค่าใดได้ขนาดตามเป้าหมายและอนุญาตให้ลดขนาดภาพ ระบบจะลดแต่ละด้านลงอย่างน้อย 10% โดยอิงจากผลลัพธ์ล่าสุด แล้วค้นหาอีกครั้ง จนเหลือต่ำสุด 10% ของความกว้างและความสูงเดิม

เนื่องจากระบบลดคุณภาพก่อนลดขนาดภาพ เป้าหมายที่เล็กอาจได้ภาพขนาดเต็มที่มีคุณภาพต่ำมาก หากคุณรู้ขนาดที่จะแสดง ให้เปิดตัวเลือก "จำกัดความกว้างและความสูงด้วย" ไปพร้อมกัน เพื่อไม่ให้ขนาดไฟล์ที่มีถูกใช้ไปกับพิกเซลที่ไม่มีใครเห็น ผลลัพธ์มักต่ำกว่าเป้าหมายเล็กน้อย LeedyBox นับ 1 KB เป็น 1,024 ไบต์ แต่บางเว็บไซต์หมายถึง 1,000 ไบต์ จึงควรเผื่อไว้บ้าง หากไปไม่ถึงเป้าหมาย คุณจะได้ผลลัพธ์ที่เล็กที่สุดพร้อมคำเตือน

เมื่อการบีบอัดไม่ช่วย

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

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

ผลข้างเคียง: เมทาดาทาและความโปร่งใส

เครื่องมือบีบอัดของ LeedyBox วาดภาพแต่ละภาพในเบราว์เซอร์แล้วเข้ารหัสเป็นไฟล์ใหม่ ข้อมูล EXIF ตำแหน่ง GPS รายละเอียดกล้อง ฟิลด์ลิขสิทธิ์ และโปรไฟล์สีจึงไม่ถูกคัดลอกไปด้วย ซึ่งอาจช่วยเรื่องความเป็นส่วนตัว แต่ควรตรวจสอบว่าคุณต้องการข้อมูลผู้สร้างหรือลิขสิทธิ์หรือไม่ ภาพที่มีโปรไฟล์สีขอบเขตกว้าง (wide gamut) อาจดูต่างไปเล็กน้อยหลังบีบอัด การวางแนวจากกล้องจะถูกนำไปใช้กับพิกเซลโดยตรง ภาพถ่ายจึงยังตั้งตรง

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

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

ควรตั้งค่าคุณภาพเท่าใดสำหรับภาพถ่าย

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

WebP มีขนาดเล็กกว่า JPG หรือไม่

มักเป็นเช่นนั้นเมื่อคุณภาพที่มองเห็นใกล้เคียงกัน แต่ไม่ใช่กับทุกภาพ ให้เปรียบเทียบทั้งสองแบบ และตรวจสอบว่าที่ที่คุณจะเผยแพร่รองรับ WebP

ควรปรับขนาดหรือบีบอัดก่อน

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