เปรียบเทียบรูปภาพ

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

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

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

อัปโหลดรูปภาพสองรูป เลือกโหมดสไลเดอร์ จากนั้นลากตัวแบ่งแนวตั้งไปซ้ายและขวา ด้านซ้ายแสดงรูปภาพ A ด้านขวาแสดงรูปภาพ B ใช้งานได้ทั้งเมาส์และการสัมผัส ดังนั้นจึงใช้งานได้บนแท็บเล็ตและโทรศัพท์

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

ได้ ตัวควบคุมการซูมช่วยให้คุณซูมเข้าเพื่อดูความแตกต่างของพิกเซลแต่ละตัว ใช้ตัวเลือก 'พอดีหน้าจอ' เพื่อกลับไปยังขนาด viewport หรือ '100%' เพื่อดูขนาดพิกเซลจริง

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