เลือก JPG สำหรับภาพถ่ายธรรมดาและความเข้ากันได้ในวงกว้าง PNG เมื่อการเก็บรักษาพิกเซลแบบไม่สูญเสียข้อมูลหรือความโปร่งใส และเลือก WebP สำหรับการจัดส่งเว็บที่มีประสิทธิภาพเมื่อปลายทางยอมรับ ทางเลือกที่ดีที่สุดขึ้นอยู่กับภาพและการใช้งาน ไม่มีรูปแบบใดที่จะเล็กที่สุดหรือดีที่สุดเสมอไป
เปรียบเทียบความสามารถก่อนเลือก
| คุณสมบัติ | JPG | PNG | เว็บพี |
|---|---|---|---|
| การบีบอัดในการใช้งานปกติ | การเข้ารหัสภาพถ่ายที่สูญเสีย | ไม่มีการสูญเสีย | ขาดทุนหรือขาดทุน. |
| ความโปร่งใสของอัลฟ่า | ไม่ | ใช่ | ใช่ |
| แอนิเมชั่น | ไม่ได้อยู่ในภาพ JPEG ธรรมดา | APNG รองรับแอนิเมชั่น การส่งออก PNG ธรรมดาอาจเป็นภาพนิ่ง | รองรับรูปแบบ; ไม่ใช่ผู้ส่งออกทุกรายจะเก็บมันไว้ |
| รูปถ่าย | ทางเลือกในการแบ่งปันที่เป็นประโยชน์ | สามารถมีขนาดใหญ่กว่ามาก | มีประโยชน์สำหรับการจัดส่งทางเว็บ เปรียบเทียบผลลัพธ์ที่เกิดขึ้นจริง |
| ภาพหน้าจอและข้อความ UI | ขอบที่สูญเสียสามารถแสดงสิ่งประดิษฐ์ได้ | เหมาะสำหรับข้อความที่คมชัดและพิกเซลที่แน่นอน | โหมด Lossless เหมาะกับกราฟิกที่คมชัด |
| โลโก้ | ไม่เหมาะสมหากต้องการความโปร่งใส | เหมาะสำหรับโลโก้แรสเตอร์แบบโปร่งใส | ดีเมื่อความโปร่งใสและการสนับสนุนปลายทางเหมาะสม |
| แก้ไขตัวกลาง | หลีกเลี่ยงการบันทึกที่สูญเสียซ้ำๆ | มีประโยชน์สำหรับตัวกลางแรสเตอร์ที่ไม่มีการสูญเสีย | แบบไม่สูญเสียก็เป็นไปได้ ตรวจสอบการสนับสนุนบรรณาธิการ |
| ความเข้ากันได้ | ได้รับการยอมรับอย่างกว้างขวางจากอุปกรณ์และแบบฟอร์มการอัพโหลด | รองรับอย่างกว้างขวาง แม้ว่าบางรูปแบบต้องใช้ JPG | รองรับเบราว์เซอร์สมัยใหม่ แอพรุ่นเก่าและแบบฟอร์มเฉพาะอาจปฏิเสธได้ |
ทำไม JPG จึงทำงานได้ดีกับภาพถ่าย
การเข้ารหัส JPG ทั่วไปจะละทิ้งข้อมูลบางอย่างเพื่อจัดเก็บภาพถ่ายให้มีขนาดกะทัดรัด การเปลี่ยนแปลงสีและพื้นผิวที่เป็นธรรมชาติอย่างราบรื่นสามารถทนต่อข้อดีดังกล่าวได้ดีกว่าตัวอักษรเล็กๆ การบีบอัดที่แข็งแกร่งสามารถสร้างบล็อกและรัศมีขอบที่มองเห็นได้ การแก้ไขและบันทึกสำเนาที่สูญหายซ้ำๆ อาจทำให้เกิดความเสียหายได้ ดังนั้นควรเก็บไฟล์งานต้นฉบับหรือไฟล์ที่ไม่มีการสูญเสียข้อมูลไว้
โลโก้โปร่งใสไม่สามารถคงความโปร่งใสใน JPG ได้ การแปลงจะต้องมีสีพื้นหลังซึ่งอาจแตกต่างจากหน้าที่คุณวางไว้ในภายหลัง ตรวจสอบผลลัพธ์เทียบกับพื้นหลังที่ต้องการก่อนส่ง
PNG เป็นตัวเลือกที่ดีกว่าเมื่อใด
PNG จะรักษาค่าพิกเซลที่เข้ารหัสไว้โดยไม่มีการบีบอัดรูปภาพที่สูญเสียไป และรองรับความโปร่งใสของอัลฟ่า ซึ่งทำให้มีประโยชน์สำหรับภาพหน้าจอ ไดอะแกรม ภาพลายเส้น และโลโก้แรสเตอร์ ภาพหน้าจอของข้อความอินเทอร์เฟซขนาดเล็กเป็นกรณีที่เป็นรูปธรรมซึ่ง PNG ที่ใหญ่กว่าเล็กน้อยจะมีประโยชน์มากกว่า JPG ที่มีตัวอักษรคลุมเครือ
การเข้ารหัสแบบไม่สูญเสียข้อมูลไม่สามารถแก้ไขความเสียหายที่เกิดขึ้นก่อนหน้านี้ได้ การแปลง JPG ที่เบลอเป็น PNG จะรักษาพิกเซลที่เบลออยู่แล้ว PNG ยังไม่รักษาเลเยอร์ เวกเตอร์ หรือข้อมูลเมตาต้นฉบับทุกส่วนของตัวแก้ไข เพียงเพราะการบีบอัดรูปภาพไม่มีการสูญเสียข้อมูล
คุณควรใช้ WebP เมื่อใด
WebP นำเสนอการเข้ารหัสทั้งแบบสูญเสียและไม่สูญเสีย พร้อมด้วยการสนับสนุนด้านความโปร่งใสและภาพเคลื่อนไหว สิ่งนี้มีประโยชน์สำหรับรูปภาพเว็บไซต์เมื่อระบบการเผยแพร่และซอฟต์แวร์ของผู้เยี่ยมชมรองรับ ขนาดและรูปลักษณ์ที่แท้จริงขึ้นอยู่กับแหล่งที่มา ขนาด และการตั้งค่าการเข้ารหัส ส่วนขยาย WebP เพียงอย่างเดียวไม่ได้บอกคุณว่าไฟล์นั้นไม่มีการสูญเสียหรือไม่
สำหรับไฟล์แนบอีเมลหรือแบบฟอร์มใบสมัคร รูปแบบที่ผู้รับยอมรับมีความสำคัญมากกว่าข้อได้เปรียบด้านขนาดตามทฤษฎี หากแบบฟอร์มต้องใช้ JPG ให้ใช้การส่งออก JPG จริง การเปลี่ยนชื่อ photo.webp เป็น photo.jpg จะเปลี่ยนชื่อไฟล์ ไม่ใช่ภาพที่เข้ารหัส
เลือกรูปแบบ จากนั้นตรวจสอบภาพที่ส่งออก
ที่ โปรแกรมแปลงรูปภาพ SoraFiles สร้าง JPG, PNG หรือ WebP ขั้นตอนการทำงานปัจจุบันจะส่งออกรูปภาพที่เลือกหรือเฟรม/เพจที่แสดง ดังนั้นอย่าสันนิษฐานว่าภาพเคลื่อนไหวหรือทุกหน้าในการป้อนข้อมูลแบบหลายหน้าจะยังมีการแปลงอยู่ เก็บต้นฉบับที่เป็นเลเยอร์และเป็นภาพเคลื่อนไหวเมื่อคุณสมบัติเหล่านั้นมีความสำคัญ
เริ่มต้นด้วยรูปแบบที่ปลายทางยอมรับ จากนั้นตรวจสอบขนาด ความคมชัดของขอบ ความโปร่งใส และขนาดไฟล์ ใช้ บีบอัดรูปภาพ เมื่อคุณต้องการลดขนาดรูปภาพหรือ HEIC เป็น JPG เมื่อรูปภาพใน iPhone ต้องการรูปแบบที่ได้รับการยอมรับอย่างกว้างขวางกว่านี้
การเปลี่ยนรูปแบบยังสามารถเปลี่ยนแปลงข้อมูลเมตาได้ แต่การแปลงไม่ใช่คำมั่นสัญญาที่เชื่อถือได้ในการล้างข้อมูลความเป็นส่วนตัว ก่อนแชร์รีวิว ข้อมูลเมตาและข้อมูลที่มองเห็นได้ แยกกัน
อ้างอิง
- MDN: ประเภทและรูปแบบของไฟล์ภาพ (External link, opens in a new tab)
- W3C: ข้อกำหนด PNG ฉบับที่สาม (External link, opens in a new tab)
- Google: เทคนิคการบีบอัด WebP (External link, opens in a new tab)
- JPEG: ภาพรวมมาตรฐาน JPEG 1 (External link, opens in a new tab)