การบีบอัดแบบ Lossy vs Lossless: คู่มือสำหรับผู้เริ่มต้นใช้งานทั้งสองรูปแบบ

เผยแพร่แล้ว: 2022-01-15

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

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

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

สำหรับบทความนี้ เราจะพิจารณาการบีบอัดแบบ lossy vs. lossless เราจะพูดถึงกระบวนการต่างๆ ที่รูปภาพใช้เพื่อให้ "มีรูปร่างเป็นรูปร่าง" การบีบอัดข้อมูลคืออะไร และแง่มุมอื่นๆ อีกหลายอย่างในการเพิ่มประสิทธิภาพรูปภาพของคุณ

ความแตกต่างระหว่าง Lossy vs Lossless

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

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

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

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

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

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

Lossy vs lossless compression - อันไหนที่เหมาะกับภาพของคุณ? คลิกเพื่อทวีต

องค์ประกอบของภาพดิจิทัล

เช่นเดียวกับซอฟต์แวร์และการพัฒนาเว็บ มักจะมี "กอง" เพื่อนำภาพจากกล้องไปยังเว็บ

รูปภาพเริ่มต้นเป็นข้อมูล "ดิบ" (ด้วยเหตุนี้จึงเรียกว่า RAW) ซึ่งคล้ายกับโค้ดของแอป: ตัวอย่าง เส้น และค่าแปลเป็นพื้นหลังด้วยสี ที่พักรูปภาพ องค์ประกอบแบบไดนามิก และอื่นๆ

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

ตัวอย่างการแก้ไขไฟล์ RAW ใน Capture One โดยเปิดเป็นภาพท่อนไม้สองท่อนที่ยืนอยู่บนชายหาดตอนพระอาทิตย์ตก
ตัวอย่างการแก้ไขไฟล์ RAW ใน Capture One

มีองค์ประกอบที่แตกต่างกันสองสามอย่างที่ประกอบเป็นภาพดิจิทัลมาตรฐาน:

  • ประเภทไฟล์: ประเภทต่างๆ จะให้คุณภาพที่อาจหรือไม่เหมาะกับภาพสุดท้ายของคุณ สิ่งสำคัญคือต้องเลือกประเภทไฟล์ที่เหมาะสมที่สุดสำหรับแอปพลิเคชัน
  • ความละเอียด: คุณมักจะเห็นสิ่งนี้แสดงเป็นเมกะพิกเซล (MP) แต่คุณจะใช้พิกเซลต่อนิ้ว (PPI) หรือจุดต่อนิ้ว (DPI) ด้วย ความละเอียดที่สูงขึ้นให้คุณภาพที่มากกว่า แต่ยังเพิ่มขนาดไฟล์เริ่มต้นอีกด้วย
  • ความลึกของบิต: ด้านนี้จะกำหนดข้อมูลสีในภาพ ความลึกของบิตต่ำจะแสดงสีได้เพียงไม่กี่สี ในขณะที่ความลึกของบิตสูงอาจทำให้แสดงสีได้หลายล้านสีในคราวเดียว โดยทั่วไปสูงกว่าจะดีกว่า
  • ขนาด: นี่คือพื้นที่ทางกายภาพที่รูปภาพใช้ ตัวอย่างเช่น 1,000 พิกเซล x 500 พิกเซลสามารถกำหนดขนาดรวมของรูปภาพได้
  • พื้นที่สี: นี่คืออัลกอริทึมที่กำหนดวิธีการแสดงสี พื้นที่สีแต่ละอันถูกกำหนดไว้แตกต่างกัน และมักจะขึ้นอยู่กับความชอบของช่างภาพ

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

รูปภาพคุณภาพสูง แสดงผลิตภัณฑ์ขั้นสุดท้ายของภาพที่แสดงในสกรีนช็อตก่อนหน้าของเศษไม้ที่ลอยอยู่สองท่อนบนชายหาดตอนพระอาทิตย์ตก โดยมีคอนทราสต์ของสีสูงและความคมชัดของวัตถุ
ภาพที่มีคุณภาพสูง

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

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

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

การเพิ่มประสิทธิภาพภาพเว็บทำงานอย่างไร

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

เราครอบคลุมแนวคิดเหล่านี้มากมายในที่อื่นๆ ในบล็อกของ Kinsta แต่ก็ควรให้ข้อมูลสรุปโดยย่อเพื่อใช้อ้างอิง:

  • ใช้ความละเอียด 72 PPI เนื่องจากเป็นมาตรฐานสำหรับเว็บ คุณสามารถใช้ PPI/DPI ที่สูงขึ้นเพื่อเหตุผลในการเก็บถาวร แต่เราคิดว่าคุณกำลังเผยแพร่ไปยังเว็บ
  • ตั้งค่า "ขอบยาว" ของรูปภาพเป็น 2048px เนื่องจากเหมาะสำหรับแอปพลิเคชันต่างๆ มากมาย
  • ใช้ความลึกของสี 8 บิต หากคุณได้รับตัวเลือก
  • เรียกใช้รูปภาพผ่านเครื่องมือบีบอัดและปรับให้เหมาะสมก่อนเผยแพร่

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

ในตอนท้าย มาดูข้อดีและข้อเสียของการบีบอัดแบบ lossy กับ lossless กัน

การบีบอัดรูปภาพสามารถช่วยรูปภาพบนเว็บของคุณได้อย่างไร

โดยทั่วไปแล้ว “การบีบอัด” จะบีบค่าต่ำสุดและสูงสุดเข้ามาใกล้กัน ตัวอย่างเช่น การบีบอัดจะเพิ่มระดับเสียงต่ำสุดในเพลงและลดระดับเสียงสูงสุด ทำให้ระดับเสียงเฉลี่ยดังขึ้นที่หู

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

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

ตัวเลือกการบีบอัดภายใน ShortPixel ซึ่งแสดงตัวเลือกให้เลือกระดับการบีบอัดเป็น "Lossy" "Glossy" หรือ "Lossless"
ตัวเลือกการบีบอัดภายใน ShortPixel

ทั้งหมดที่กล่าวมา มีประโยชน์มากมายในการใช้การบีบอัดรูปภาพที่ไม่ได้มีเฉพาะกับรูปแบบใดรูปแบบหนึ่งเท่านั้น:

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

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

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

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

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

โดยทั่วไป มีประโยชน์สองสามประการในการใช้การบีบอัดแบบสูญเสียข้อมูล:

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

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

ตัวเลื่อนการบีบอัดสำหรับรูปภาพ JPEG แสดงกล่องโต้ตอบ "ส่งออก" โดยตั้งค่า "รูปแบบ" เป็น "JPEG" และแถบ "คุณภาพ" ตั้งไว้ที่ประมาณ 70% พร้อมกับขนาดไฟล์ที่ลดลง (716 KB)
ตัวเลื่อนการบีบอัดสำหรับภาพ JPEG

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

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

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

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

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

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

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

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

อัลกอริธึมการบีบอัดแบบไม่สูญเสียข้อมูลยังมองหาลำดับพิกเซลที่ทำซ้ำ จากนั้นจึงเข้ารหัสทางลัดเพื่อแสดง ตัวอย่างเช่น ใช้ "Command Line Interface" คุณมักจะกำหนดตัวย่อของมันหนึ่งครั้ง จากนั้นใช้ “CLI” (หรือตัวย่อที่คุณเลือก) เพื่ออ้างอิงด้วยความเร็วสูง

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

ข้อดีของการใช้การบีบอัดแบบไม่สูญเสียข้อมูลคือการรักษาคุณภาพ:

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

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

แผนโฮสติ้งของ Kinsta ทั้งหมดได้รับการสนับสนุนตลอด 24 ชั่วโมงทุกวันจากนักพัฒนา WordPress และวิศวกรผู้มีประสบการณ์ของเรา แชทกับทีมเดียวกับที่คอยสนับสนุนลูกค้า Fortune 500 ของเรา ตรวจสอบแผนของเรา!

ต่อไปนี้เป็นข้อเสียอื่นๆ ของการบีบอัดแบบไม่สูญเสียข้อมูลที่ควรพิจารณา:

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

ต่อไป เราจะดูวิธีที่เร็วที่สุด (และอาจดีที่สุด) ในการทำเช่นนั้น

วิธีการเลือกระหว่าง Lossy vs Lossless

ณ จุดนี้ คุณเข้าใจความแตกต่างระหว่างการบีบอัดแบบ lossy กับ lossless อย่างไรก็ตาม คุณอาจยังไม่ทราบว่าอัลกอริทึมใดดีที่สุดที่จะใช้บนไซต์ของคุณ

มีสองสถานการณ์ที่ต้องพิจารณา:

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

ข้อควรพิจารณาเหล่านี้ขึ้นอยู่กับการใช้รูปแบบภาพเว็บมาตรฐานอย่างใดอย่างหนึ่ง เช่น JPEG, PNG หรือ GIF อย่างไรก็ตาม ความต้องการในการบีบอัดข้อมูลของคุณอาจแตกต่างกันไปตามรูปแบบที่ทันสมัยกว่า เช่น HEIC และ WebP

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

การใช้บริการบีบอัดข้อมูลออนไลน์เพื่อปรับแต่งภาพของคุณ

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

อย่างไรก็ตาม ตัวเลือกยอดนิยมเป็นหนึ่งในบริการออนไลน์มากมาย แต่ละรายการจะนำเสนออัลกอริธึมและอินเทอร์เฟซผู้ใช้ที่เป็นแบบอย่าง (UI) ยิ่งไปกว่านั้น ส่วนใหญ่มีบริการฟรี อย่างน้อยควรลองใช้แอปก่อนตัดสินใจ

เราครอบคลุมตัวเลือกสองสามอย่างในบทความของเราเกี่ยวกับการเพิ่มประสิทธิภาพรูปภาพ แม้ว่าปลั๊กอินเหล่านี้เป็นปลั๊กอินเฉพาะของ WordPress ที่เชื่อมต่อกับอินเทอร์เฟซการเขียนโปรแกรมแอปพลิเคชัน (API) ข่าวดีก็คือปลั๊กอินเหล่านี้จำนวนมากมีอินเทอร์เฟซออนไลน์ด้วย ตัวอย่างเช่น พิจารณา ShortPixel:

อินเทอร์เฟซ ShortPixel แสดงโลโก้ ShortPixel ที่ด้านบน เหนือคำว่า "การบีบอัดและเพิ่มประสิทธิภาพรูปภาพออนไลน์: บีบอัด JPG, PNG และ GIF ออนไลน์"
อินเทอร์เฟซ ShortPixel

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

ทางเลือกนั้นง่าย: การบีบอัดแบบสูญเสียข้อมูลสองรูปแบบ ("Lossy" และ "Glossy") และตัวเลือกแบบไม่สูญเสียข้อมูล อินเทอร์เฟซของ ShortPixel อธิบายความแตกต่างระหว่างแต่ละอัลกอริทึมได้ดี และคุณสามารถดาวน์โหลดรูปภาพได้ภายในไม่กี่วินาที

แม้ว่าทั้งสองจะสามารถตอบสนองความต้องการของคุณได้ แต่อินเทอร์เฟซ Imagify ก็ดูลื่นไหลและเป็นมืออาชีพมากกว่าของ ShortPixel นอกจากนี้ยังมี "ระดับการบีบอัด" สามระดับที่นี่ — Normal, Aggressive และ Ultra:

อินเทอร์เฟซ Imagify แสดงช่อง "อัปโหลด" ขนาดใหญ่ทางด้านขวาและตัวเลือกทางด้านซ้าย รวมถึงการเลือก "ระดับการบีบอัด" และ "ตัวเลือกเอาต์พุต" อื่นๆ เช่น การปรับขนาด
อินเทอร์เฟซ Imagify

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

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

เช่นเดียวกับชื่อในตำนาน Kraken สามารถโต้แย้งภาพของคุณและใช้การบีบอัดประเภทต่างๆ ผู้ใช้ส่วนใหญ่จะเลือกใช้ประเภท Lossy หรือ Lossless

อินเทอร์เฟซของ Kraken แสดงรายการขั้นตอนการอัปโหลดรูปภาพตามลำดับ โดยขั้นตอนที่สองประกอบด้วยตัวเลือก "Lossy" และ "Lossless"
อินเทอร์เฟซของ Kraken

อย่างไรก็ตาม ยังมีโหมดผู้เชี่ยวชาญ:

ตัวเลือกโหมด Kraken Expert ใต้แท็บ "ผู้เชี่ยวชาญ" แสดงตัวเลือกในการปรับขนาดรูปภาพ รักษาข้อมูลเมตา และเปลี่ยนการวางแนว
ตัวเลือกโหมดผู้เชี่ยวชาญของ Kraken

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

สรุป

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

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

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

คุณยืนหยัดในด้านใดในการต่อสู้ระหว่างการบีบอัดแบบ lossy กับ lossless? แจ้งให้เราทราบความคิดเห็นของคุณในส่วนความคิดเห็นด้านล่าง!