ไทย

คุณควรใช้รูปแบบภาพใด

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

ซึ่งครอบคลุมเกือบทุกการตัดสินใจ ส่วนที่เหลือของหน้านี้อธิบายสาเหตุ เพื่อให้คุณสามารถบอกได้ว่าเมื่อใดที่กฎไม่มีผล — และสิ่งที่ควรทำเกี่ยวกับ AVIF และ HEIC ซึ่งเบราว์เซอร์ใดจัดการได้สอดคล้องกันน้อยกว่าเบราว์เซอร์อื่นๆ มาก

JPEG

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

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

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

PNG

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

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

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

WebP

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

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

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

AVIF และ HEIC — ตำแหน่งที่ซื่อสัตย์

AVIF บีบอัดได้ดีกว่าทั้งสามรูปแบบข้างต้น ซึ่งมักจะบีบอัดได้มาก HEIC คือสิ่งที่ iPhone สมัยใหม่ใช้สำหรับถ่ายภาพโดยค่าเริ่มต้น ToolAcre Image Converter ไม่สามารถอ่านทั้งสองรายการได้ และนั่นคือข้อจำกัดของเบราว์เซอร์มากกว่าตัวเลือก

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

ผลลัพธ์ในทางปฏิบัติ: แปลง HEIC เป็น JPEG บนอุปกรณ์ที่ผลิต — โทรศัพท์ปัจจุบันทุกเครื่องและระบบปฏิบัติการเดสก์ท็อปหลักทั้งสองสามารถทำได้ — จากนั้นใช้เครื่องมือเบราว์เซอร์บน JPEG สำหรับ AVIF ให้เก็บ JPEG หรือ PNG ต้นแบบไว้ และสร้าง AVIF เป็นเอาต์พุตในเวลาเผยแพร่ด้วยเครื่องมือสร้าง

หมายเหตุเกี่ยวกับ GIF

GIF จำกัดไว้ที่ 256 สีต่อเฟรม และเป็นตัวเลือกที่ไม่ดีสำหรับสิ่งใดๆ ยกเว้นภาพเคลื่อนไหวสั้น Image Converter อ่าน GIF แต่ใช้เฉพาะเฟรมแรก และไม่มี GIF เป็นเอาต์พุต การสร้างภาพนิ่งที่มีนามสกุล .gif อาจทำให้เข้าใจผิดแทนที่จะเป็นประโยชน์

สำหรับภาพเคลื่อนไหวสั้น คำตอบสมัยใหม่คือวิดีโอ MP4 หรือ WebM หรือ WebP แบบเคลื่อนไหว ไม่มีการผลิตที่นี่

ตัวอย่างการทำงาน: สี่เนื้อหาสำหรับหนึ่งบทความ

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

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

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

เปิดเครื่องมือ

แปลงระหว่าง JPEG, PNG และ WebP

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

สิ่งนี้ไม่ครอบคลุมถึง

  • ToolAcre Image Converter อ่าน JPEG, PNG, WebP และ GIF และเขียน JPEG, PNG และ WebP HEIC, AVIF, TIFF และกล้อง RAW ถูกปฏิเสธ
  • WebP เอาต์พุตจากไซต์นี้สูญเสีย เนื่องจากนั่นคือสิ่งที่เบราว์เซอร์ API เปิดเผย
  • โปรไฟล์สีจะไม่ถูกรักษาไว้ผ่านการแปลงแคนวาส ดังนั้นรูปภาพที่มีโปรไฟล์ฝังที่ผิดปกติอาจเปลี่ยนแปลงเล็กน้อย
  • การเปรียบเทียบขนาดไฟล์ขึ้นอยู่กับรูปภาพ หลักทั่วไปใดๆ ในที่นี้ถือเป็นจุดเริ่มต้นในการวัดผล ไม่ใช่ตัวเลขที่จะอ้างอิง