इमेज डिफ़ 🔒 आपके ब्राउज़र में स्थानीय रूप से चलता है — कुछ भी अपलोड नहीं होता।

इस टूल के बारे में

Image Diff दो इमेज की पिक्सेल-दर-पिक्सेल तुलना करता है और बिल्कुल वहीं हाइलाइट करता है जहाँ वे अलग हैं, पूरी तरह आपके ब्राउज़र में। एक "पहले" वाला स्क्रीनशॉट या डिज़ाइन मॉकअप इमेज A के रूप में और "बाद" वाला संस्करण — नया स्क्रीनशॉट, उसी डिज़ाइन का लागू किया गया संस्करण, या फिर से एक्सपोर्ट की गई कॉपी — इमेज B के रूप में डालें। यदि दोनों इमेज एक ही आकार की नहीं हैं, तो दोनों को एक ऐसे कैनवास पर रखा जाता है जो बड़ी वाली के अनुकूल हो; केवल एक इमेज द्वारा कवर किया गया कोई भी क्षेत्र अंतर के रूप में गिना जाता है, क्योंकि आकार में बदलाव खुद ऐसी चीज़ है जिसे आप पकड़ना चाहेंगे। परिणाम एक डिफ इमेज है: इमेज A को फिर से रेंडर किया जाता है जिसमें बदला हुआ हर पिक्सेल चमकीले मैजेंटा रंग में रंगा जाता है, साथ ही कितने पिक्सेल अलग हैं इसकी लाइव गिनती और प्रतिशत भी दिखाया जाता है।

यह वास्तव में डेवलपर-केंद्रित वर्कफ़्लो है: CSS या कंपोनेंट बदलाव से पहले और बाद के दो स्क्रीनशॉट की तुलना करके विज़ुअल रिग्रेशन पकड़ना, किसी लागू की गई UI की उसके मूल डिज़ाइन मॉकअप से पिक्सेल-दर-पिक्सेल जाँच करना, या पहले से एक्सपोर्ट की जा चुकी इमेज पर दूसरी बार JPEG/WebP कंप्रेशन से आने वाली सूक्ष्म ब्लॉकीनेस और बैंडिंग पकड़ना। संवेदनशीलता थ्रेशोल्ड नियंत्रित करता है कि किसी पिक्सेल को अलग गिनने से पहले रंग में कितना बड़ा बदलाव होना चाहिए — कम मान (0 के करीब) लगभग हर बदलाव को चिह्नित करते हैं, जिसमें 1–2 बिट का कंप्रेशन शोर भी शामिल है, जबकि अधिक मान केवल स्पष्ट रूप से दिखने वाले अंतर चिह्नित करते हैं, जो आमतौर पर तब चाहिए होता है जब आप एक ही स्रोत इमेज के दो एक्सपोर्ट की तुलना कर रहे हों। कुछ भी अपलोड नहीं होता: दोनों इमेज Canvas API के साथ सीधे आपके डिवाइस पर डिकोड और तुलना की जाती हैं, और आपके द्वारा डाउनलोड की गई डिफ इमेज भी उसी तरह बनाई जाती है।

अक्सर पूछे जाने वाले प्रश्न