เครื่องมือเปรียบเทียบความแตกต่างของภาพ

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

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

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

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

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