เปรียบเทียบพิกเซลในเบราว์เซอร์

ตัวตรวจความแตกต่างรูปภาพ, ผลลัพธ์ความแตกต่างของพิกเซล.

ใช้ตัวตรวจความแตกต่างรูปภาพเพื่อไฮไลต์ความต่างของรูปภาพ ปรับค่าเกณฑ์ แล้วอ่านพิกเซลที่เปลี่ยน ค่า delta RGB เฉลี่ย RMSE และ PSNR ในเครื่อง

ห้องทดลอง pixel diff

ตัวตรวจความแตกต่างรูปภาพ

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

รูปภาพยังคงอยู่ในเซสชันเบราว์เซอร์นี้PNG, JPG, JPEG, WebPการอัปเดตการวัดพิกเซลหลังจาก ไฮไลท์ส่วนต่าง

พิกเซลตรงกัน

เรียกใช้ diff ในเครื่องต้องใช้ diff ในเครื่อง

พิกเซลที่เปลี่ยน

เรียกใช้ diff ในเครื่องต้องใช้ diff ในเครื่อง

RMSE

เรียกใช้ diff ในเครื่องต้องใช้ diff ในเครื่อง

กรณีต่าง 3 / 4

รีทัชภาพบุคคล

การเปลี่ยนแปลงของสีผิว โทนสี และรายละเอียดใบหน้า

ไฮไลต์ความต่าง

เรียกใช้ตัวตรวจความแตกต่างพิกเซลในเครื่องเพื่อสร้างภาพตัวอย่างความต่างที่ไฮไลต์

18

ค่าต่ำจะจับความเปลี่ยนแปลงเล็ก ๆ ได้มากขึ้น ส่วนค่าสูงจะละเว้น noise จากการบีบอัด แสงที่เปลี่ยนเล็กน้อย และ antialiasing พิกเซลจะนับว่าเปลี่ยนเมื่อค่า delta สูงสุดของช่อง RGBA มากกว่าค่านี้

คะแนนพิกเซลรอคำนวณ

วิเคราะห์ความต่าง

เรียกใช้ diff ในเบราว์เซอร์เพื่อเติมผลลัพธ์และการ์ดเมตริกด้านข้าง

ความเปลี่ยนแปลงที่มองเห็น

เรียกใช้ diff ในเครื่องต้องใช้ diff ในเครื่อง

ค่าเดลตา RGB เฉลี่ย

เรียกใช้ diff ในเครื่องต้องใช้ diff ในเครื่อง

PSNR

เรียกใช้ diff ในเครื่องต้องใช้ diff ในเครื่อง
1

เพิ่มรูปภาพ

เปลี่ยนด้านใดด้านหนึ่ง จากนั้นเรียกใช้ค่าต่างภายในเครื่องเพื่อให้ได้ผลลัพธ์ที่วัดได้

เลือกหรือวางไฟล์ PNG, JPG, JPEG หรือ WebP สำหรับ รูปภาพพื้นฐาน

A

พื้นฐาน / ก่อน

ตัวอย่างของ รูปภาพพื้นฐาน

portrait-before.webp

960 x 720px - 42 KB

เลือกหรือวางไฟล์ PNG, JPG, JPEG หรือ WebP สำหรับ เปลี่ยนรูปภาพแล้ว

B

เปลี่ยน/หลัง

ตัวอย่างของ เปลี่ยนรูปภาพแล้ว

portrait-after.webp

960 x 720px - 44 KB
2

ตรวจสอบโหมดความแตกต่าง

ไฮไลต์ความต่างเป็นมุมมองหลัก แถบเลื่อน วางคู่กัน และโอเวอร์เลย์ช่วยยืนยันบริบท

3

ผลลัพธ์ความแตกต่างรูปภาพ

ใช้ diff ใกล้ตัวดูภาพเพื่อคำนวณคะแนนพิกเซลในเครื่องบนเบราว์เซอร์นี้

01

ค้นหาความแตกต่างของรูปภาพ

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

02

ปรับค่าเกณฑ์ความต่าง

ใช้ 8 สำหรับตรวจ UI แบบเข้มงวด 18 สำหรับรายละเอียดภาพ 32 สำหรับสมดุล และ 64 สำหรับความต่างที่มองเห็นชัด

03

อ่านเมตริกความแตกต่างพิกเซล

ผลลัพธ์แสดง % พิกเซลที่เปลี่ยน ค่า delta RGB เฉลี่ย RMSE และ PSNR เพื่ออธิบายระดับความต่าง

การวัดผลต่าง

เมตริกตัวตรวจความแตกต่างรูปภาพ

เครื่องมือนี้แยกการตรวจด้วยภาพออกจากผลลัพธ์พิกเซลที่คำนวณ รายละเอียดไฟล์จะปรากฏหลังโหลด และเมตริกจะอัปเดตหลัง diff ในเครื่องทำงาน

01

พิกเซลที่เปลี่ยนแปลง

เมตริกนี้นับพิกเซลที่มีค่า delta ของช่องสีสูงสุดมากกว่าค่าเกณฑ์ปัจจุบัน

02

เปอร์เซ็นต์ความแตกต่าง

ตัวตรวจความแตกต่างพิกเซลแสดงพิกเซลที่เปลี่ยนเป็นสัดส่วนของพิกเซลที่เทียบเคียงได้ทั้งหมดใน canvas มาตรฐาน

03

RMSE และ PSNR

สรุปข้อผิดพลาด RGB RMSE ที่ต่ำกว่าและ PSNR ที่สูงกว่าหมายความว่าภาพอยู่ใกล้กันมากขึ้น

วิธีการ

ตัวตรวจความแตกต่างรูปภาพทำงานอย่างไร

เครื่องมือนี้ถอดรหัสภาพทั้งสองในเครื่อง วาดลงบน canvas มาตรฐานร่วม แล้วตรวจทีละช่องสี ค่าเกณฑ์ควบคุมว่าพิกเซลใดถูกนับเป็นความต่างของรูปภาพ

ความแตกต่างพิกเซลตามค่าเกณฑ์

พิกเซลจะถูกนับว่าต่างเมื่อค่า delta ของช่องแดง เขียว น้ำเงิน หรืออัลฟ่าที่มากที่สุดเกินค่าเกณฑ์ที่เลือก

ผ้าใบเทียบเคียง

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

ตัวชี้วัดข้อผิดพลาดที่อ่านได้

ค่า delta RGB เฉลี่ย RMSE และ PSNR ให้มุมมองเชิงเทคนิคของความต่างเดียวกับที่เห็นในตัวอย่างไฮไลต์

กรณีการใช้งาน

ตัวตรวจความแตกต่างทางภาพช่วยงานใด

ใช้เวิร์กโฟลว์ในเบราว์เซอร์สำหรับงานตรวจภาพที่ต้องหาความต่างที่มองเห็นได้อย่างรวดเร็ว

01

การตรวจสอบการถดถอยภาพหน้าจอ

ค้นหาการเปลี่ยนแปลงภาพหน้าจอ UI พร้อมค่าเกณฑ์ยืดหยุ่นเล็กน้อยสำหรับความต่างจากการ render

02

รีวิวภาพและรีทัชสินค้า

ไฮไลต์ความต่างของรูปภาพเพื่อยืนยันว่าสี การลบตำหนิ เงา หรือการรีทัชเปลี่ยนตรงไหนระหว่างไฟล์ส่งออกสองชุด

03

การตรวจสอบการบีบอัดและการส่งออก

เปรียบเทียบการส่งออก JPEG, PNG หรือ WebP เพื่อดูการเปลี่ยนแปลงพิกเซลที่มองเห็นได้หลังจากการเพิ่มประสิทธิภาพ

04

การเปรียบเทียบตัวแปรที่สร้างโดย AI

เปรียบเทียบภาพสองรูปแบบที่สร้างโดย AI ด้วยการวัดพิกเซลในเครื่อง

05

รีวิวภาพถ่ายบุคคลและใบหน้า

เปรียบเทียบภาพถ่ายบุคคลหรือใบหน้าด้วยภาพเพื่อรีทัช การแสดงสีหน้า ครอบตัด หรือการเปลี่ยนแปลงแสง

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

คำถามเกี่ยวกับตัวตรวจความแตกต่างรูปภาพ

คำตอบตรงกับเครื่องมือนี้: ตัวอย่างในเครื่อง พิกเซลตามค่าเกณฑ์ และไม่มีขั้นตอนอัปโหลดขึ้นเซิร์ฟเวอร์

ฉันควรใช้เกณฑ์ใด

เริ่มที่ 18 ใช้ 8 สำหรับภาพหน้าจอ UI แบบเข้มงวด 18 สำหรับรายละเอียดภาพ 32 สำหรับการตรวจสมดุล และ 64 สำหรับการเปลี่ยนแปลงที่มองเห็นชัดเท่านั้น

จะรู้ได้อย่างไรว่ารูปภาพโหลดสำเร็จแล้ว?

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

ฉันสามารถเปรียบเทียบรูปภาพที่สร้างโดย AI ได้หรือไม่

ได้ รูปภาพที่เลือกสองไฟล์สามารถตรวจได้ ผลลัพธ์คือการวัดพิกเซลในเครื่อง

ฉันสามารถใช้มันเพื่อเปรียบเทียบใบหน้าได้หรือไม่?

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