JPG, PNG หรือ WebP? คู่มือการปฏิบัติเกี่ยวกับรูปแบบภาพ

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

รุ่นสั้น

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

JPEG: ยังคงเป็นค่าเริ่มต้นสำหรับภาพถ่าย

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

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

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

PNG: ขอบที่สะอาดและความโปร่งใส

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

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

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

WebP: ตรงกลางที่ยืดหยุ่น

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

ขณะนี้การรองรับเบราว์เซอร์ครอบคลุมทั้ง Chrome, Firefox, Safari และ Edge สิ่งที่จับได้คือโลกที่กว้างขึ้นของซอฟต์แวร์: แอปพลิเคชันเดสก์ท็อปรุ่นเก่า ไคลเอนต์อีเมลบางตัว และระบบจัดการเนื้อหาบางอย่างอาจไม่ยอมรับไฟล์ .webp หากคุณกำลังเผยแพร่ไปยังเว็บไซต์สมัยใหม่ WebP จะเป็นค่าเริ่มต้นที่รัดกุม หากคุณกำลังส่งภาพไปยังบุคคลที่จะเปิดมันในโปรแกรมที่ไม่คุ้นเคย JPEG หรือ PNG เป็นตัวเลือกที่มีความเสี่ยงน้อยกว่า

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

กับดักความโปร่งใส

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

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

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

เลือกแบบไม่ต้องคิดมาก

1. เป็นภาพถ่ายหรือสแกนด้วยโทนสีต่อเนื่อง? ใช้ JPEG หรือ WebP หากเป็นเว็บไซต์สมัยใหม่
2. มันต้องการความโปร่งใสหรือไม่? ใช้ PNG หรือ WebP ไม่เคยเป็น JPEG
3. มีข้อความ ขอบคม หรือสีเรียบๆ หรือไม่? ใช้ PNG หรือ WebP แบบไม่สูญเสียข้อมูล JPEG ที่สูญเสียจะทำให้ขอบดูสกปรก
4. จะมีใครเปิดมันในซอฟต์แวร์ที่ไม่รู้จักหรือไม่? ต้องการ JPEG สำหรับภาพถ่าย และ PNG สำหรับกราฟิก ความเข้ากันได้ชนะการชนะขนาดเล็กน้อย
5. มันเล็กแล้วเหรอ? ทิ้งมันไว้คนเดียว การแปลงกราฟิกขนาด 40 KB เพื่อประหยัดพื้นที่ 5 KB มักจะไม่คุ้มกับความเสี่ยงที่จะสูญเสียคุณภาพ

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

การแปลงใดไม่สามารถแก้ไขได้

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

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

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

ต้องการเห็นมันใช้งานจริงไหม? แปลงรูปภาพในเครื่อง—ไม่มีการอัพโหลด ไม่มีบัญชี