ตัวตรวจสอบความแตกต่างของรูปภาพ
เครื่องมือเปรียบเทียบความแตกต่างของรูปภาพออนไลน์ฟรี เทียบรูป 2 รูปแบบ pixel-by-pixel ด้วย threshold ที่ปรับได้ พร้อมมุมมอง side-by-side, difference และ heat map และเปอร์เซ็นต์พิกเซลที่เปลี่ยนแปลง ทำงานทั้งหมดในเบราว์เซอร์ - ไม่ต้องอัปโหลด
Loading tool...
ตัวตรวจสอบความแตกต่างของรูปภาพ คืออะไร?
ตัวตรวจสอบความแตกต่างของรูปภาพคือเครื่องมือฟรีในเบราว์เซอร์ที่เปรียบเทียบรูปสองรูปแบบ pixel-by-pixel ไฮไลต์ทุกพิกเซลที่เปลี่ยนแปลงเป็นสีแดงบนพื้นขาวดำสีเทา รายงานเปอร์เซ็นต์พิกเซลที่เปลี่ยน และมีมุมมอง side-by-side, difference และ heat map พร้อม threshold ที่ปรับได้ - ประมวลผลในเครื่องทั้งหมด ไม่ต้องอัปโหลด
ประโยชน์หลัก
- จับ visual regression ใน UI screenshot ก่อนเปิดตัว
- เป็นส่วนตัว 100% - รูปภาพไม่ออกจากเบราว์เซอร์ของคุณ
- คำตัดสินความเหมือนที่วัดผลได้จากเปอร์เซ็นต์พิกเซลที่เปลี่ยน
- Threshold ช่วยแยกการเปลี่ยนแปลงจริงออกจาก noise ของการบีบอัด
- ส่งออก diff เป็น PNG เพื่อใช้ใน bug report, pull request และ design review
กรณีการใช้งาน
- •ทีม QA เทียบ screenshot ของ build ใหม่กับ baseline ที่ถูกต้อง
- •นักพัฒนายืนยันว่าการ refactor CSS ไม่ทำให้หน้าเว็บเปลี่ยนไปทางภาพ
- •นักออกแบบทบทวนไฟล์ handoff เทียบกับผลงานที่ implement จริง
- •ช่างภาพและเอดิเตอร์ตรวจผลของการบีบอัดซ้ำหรือฟิลเตอร์
- •ทีมคอนเทนต์จับการเปลี่ยนแปลงที่ไม่ต้องการในแบนเนอร์เวอร์ชันใหม่
วิธีเปรียบเทียบรูปภาพ 2 รูป
- อัปโหลดรูปทั้งสองรูป: คลิกช่อง Before และ After เพื่อเลือกรูปต้นฉบับและรูปที่แก้ไขจากเครื่องของคุณ ไฟล์อยู่ในเครื่องทั้งหมด - ไม่มีการอัปโหลด
- เลือกโหมดแสดงผล: เลือก Difference เพื่อไฮไลต์จุดที่เปลี่ยนเป็นสีแดง, Heat Map เพื่อดูความเข้มของการเปลี่ยนแปลง หรือ Side by Side เพื่อเทียบด้วยตา
- ปรับ threshold: เพิ่มค่า threshold เพื่อข้าม noise ที่มองไม่เห็นอย่าง anti-aliasing และ artifact ของ JPEG หรือลดลงเพื่อจับการแก้ไขที่ละเอียดที่สุด
- อ่านสถิติและส่งออก: ดูจำนวนพิกเซลที่เปลี่ยนและเปอร์เซ็นต์ความต่างเพื่อตัดสินผล แล้วดาวน์โหลด diff เป็น PNG เพื่อแชร์
คุณสมบัติหลัก
- เปรียบเทียบระดับพิกเซล ไฮไลต์ทุกพิกเซลที่เปลี่ยนเป็นสีแดง
- ปรับ threshold 0-255 เพื่อกรอง anti-aliasing และ noise จากการบีบอัด
- มุมมอง side-by-side, difference และ heat map ตามความเข้ม
- จำนวนพิกเซลที่เปลี่ยนและเปอร์เซ็นต์ความต่าง พร้อมคำตัดสินทันที
- ดาวน์โหลดผล diff เป็น PNG เพื่อแนบใน bug report และ pull request