इमेज डिफ़ व्यूअर

चार तरीकों से तुलना करें

• साइड बाय साइड — सबसे सरल जाँच: दोनों छवियाँ पूर्ण आकार में एक-दूसरे के बग़ल में दिखाई जाती हैं।
• स्लाइडर — एक खींचने योग्य विभाजक पुरानी छवि एक तरफ और नई दूसरी तरफ दिखाता है, बिफ़ोर/आफ़्टर UI परिवर्तनों के लिए आदर्श।
• ओनियन स्किन — दूसरी छवि को पहली पर समायोज्य अपारदर्शिता के साथ ओवरले करता है, शिफ़्ट और संरेखण ड्रिफ़्ट को पकड़ने के लिए बढ़िया।
• पिक्सेल डिफ़ — हर पिक्सेल की तुलना करता है और बदले हुए पिक्सेल को लाल रंग से रंगता है, ताकि एक पिक्सेल का बदलाव भी चूकना असंभव हो।

पिक्सेल-डिफ़ मेट्रिक

नाइव RGB घटाव के बजाय, पिक्सेल-डिफ़ मोड YIQ रंग-दूरी मेट्रिक का उपयोग करता है — लोकप्रिय pixelmatch लाइब्रेरी के समान दृष्टिकोण। YIQ चमक (Y) को वर्णक्रम (I, Q) से अलग करता है, जो यह बताता है कि मानव आँख अंतर को कैसे देखती है। एकल थ्रेशोल्ड स्लाइडर नियंत्रित करता है कि किसी पिक्सेल को फ़्लैग करने से पहले अंतर कितना बड़ा होना चाहिए।

सामान्य परिदृश्य

1. UI रिग्रेशन टेस्टिंग — कोड परिवर्तन से पहले और बाद के स्क्रीनशॉट की तुलना करें।
2. डिज़ाइन समीक्षा — सत्यापित करें कि डेवलपर का बिल्ड मॉकअप से मेल खाता है।
3. इमेज कंप्रेशन QA — यह देखने के लिए कि किस एनकोडर ने किन क्षेत्रों को बदला।
4. फ़ोटो एडिट — यह पुष्टि करने के लिए कि रिटच ने किन पिक्सेल को छुआ।

सब कुछ आपके ब्राउज़र में Canvas API पर चलता है — कोई अपलोड नहीं, कोई इंतज़ार नहीं।