JPG / PNG / WebP

เปรียบเทียบ JPG, PNG และ WebP

ภาพเดียว สามรูปแบบ วัดจริงในเบราว์เซอร์ของคุณ

ภาพนิ่ง JPG, PNG หรือ WebP ขนาดไม่เกิน 10 MB และ 12 เมกะพิกเซล ไฟล์อยู่บนอุปกรณ์นี้

รูปภาพต้นฉบับมีความยาวแต่ละด้านได้สูงสุด 16,384 พิกเซล

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

ผลลัพธ์ทั้งสามใช้ขนาดพิกเซลเดียวกันโดยไม่ขยายภาพ หน้าทดลองนี้จำกัดด้านยาวไม่เกิน 1600 พิกเซล

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

ภาพต้นฉบับ

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

การเปลี่ยนแปลงขนาดไฟล์เทียบผลลัพธ์แต่ละไฟล์กับต้นฉบับ หากผลลัพธ์มีขนาดพิกเซลเล็กลง ตัวเลขนี้จะรวมผลจากการปรับขนาดด้วย

วิธีใช้เครื่องมือนี้

  1. 1

    เลือกภาพตัวอย่างต้นฉบับ หรือภาพนิ่ง JPG, PNG หรือ WebP จากอุปกรณ์ ตัวอย่างเป็นภาพวาดที่สร้างขึ้น ไม่ใช่ภาพถ่ายจริง

  2. 2

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

  3. 3

    เปรียบเทียบจำนวนไบต์จริงและภาพตัวอย่าง ดาวน์โหลดไฟล์แล้วตรวจรายละเอียดในขนาดที่จะใช้งาน

กำลังเปรียบเทียบอะไร

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

นี่เป็นการเปรียบเทียบที่จำกัดขนาดการประมวลผล ไม่ใช่ตัวแปลงเพื่อเก็บความละเอียดเต็มต้นฉบับ รองรับอินพุตไม่เกิน 10 MB และ 12 ล้านพิกเซล ประมวลผลด้านยาวไม่เกิน 1600 พิกเซลและไม่ขยายภาพเล็ก ขนาดที่เท่ากันช่วยให้เปรียบเทียบได้ แต่การลดขนาดก็เป็นการเปลี่ยนแปลง ควรเก็บไฟล์ต้นฉบับไว้ รูปภาพต้นฉบับมีความยาวแต่ละด้านได้สูงสุด 16,384 พิกเซล

สามตัวอย่างสำหรับสังเกตปัญหาต่างกัน

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

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

การเปรียบเทียบที่ทำซ้ำได้ ไม่ใช่คะแนนสากล

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

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

เลือกการแก้ไขถัดไปตามปลายทาง

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

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

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

ทำไมอีกอุปกรณ์ให้ผลต่างกัน

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

ห้องทดลองอัปโหลดภาพหรือไม่

ไม่ แอปประมวลผลในหน่วยความจำเบราว์เซอร์และสร้างไฟล์ดาวน์โหลดในเครื่อง การโหลดหน้าใหม่จะล้างสถานะห้องทดลอง

ทำไมแปลงแล้วไฟล์ใหญ่ขึ้น

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

แหล่งอ้างอิงและข้อมูลเพิ่มเติม