इमेज डिफ चेकर
दो छवियां अपलोड करें और उनके बीच एक पिक्सेल-सटीक दृश्य अंतर देखें, अवधारणात्मक YIQ तुलना और एंटी-अलियासिंग-जागरूक हाइलाइटिंग के साथ - आपके ब्राउज़र में 100% स्थानीय।
नतीजा
एक CSS ट्विक भेज दिया है और जानना चाहते हैं कि वास्तव में क्या हुआ? QA विज़ुअल-रिग्रेशन जांच के लिए दो स्क्रीनशॉट की तुलना कर रहे हैं? आश्चर्य है कि एक ही फोटो के दो निर्यातित संस्करणों के बीच वास्तव में क्या परिवर्तन हुआ? दो छवियों के बीच आगे और पीछे स्क्रॉल करना और अंतरों पर ध्यान देना धीमा और अविश्वसनीय है - यह टूल दोनों को ओवरले करता है और आपको प्रत्येक बदले हुए पिक्सेल को एक छवि में दिखाता है।
तुलना वास्तविक पिक्सेल-भिन्न गणित है, एल्गोरिथ्म का एक ही परिवार पिक्सेलमैच जैसे उपकरणों द्वारा उपयोग किया जाता है: दोनों छवियों के प्रत्येक पिक्सेल को आरजीबी से वाईआईक्यू रंग स्थान (वाई = लूमा, आई और क्यू = एनटीएससी क्रोमिनेंस अक्ष) में परिवर्तित किया जाता है, और दो वाईआईक्यू बिंदुओं के बीच यूक्लिडियन दूरी की गणना की जाती है। उस दूरी की तुलना संवेदनशीलता स्लाइडर द्वारा निर्धारित सीमा से की जाती है - सूक्ष्म रंग परिवर्तनों को पकड़ने के लिए संवेदनशीलता बढ़ाएं, संपीड़न शोर को अनदेखा करने के लिए इसे कम करें और केवल स्पष्ट परिवर्तनों की परवाह करें।
एक सरल प्रति-पिक्सेल तुलना प्रत्येक एंटी-अलियास्ड किनारे को "अलग" के रूप में उजागर करेगी, भले ही कुछ भी सार्थक न बदला हो, क्योंकि स्मूथिंग कुछ शेड्स द्वारा मुट्ठी भर बॉर्डर पिक्सल को बदल देती है। यह उपकरण दोनों छवियों पर एक वास्तविक एंटी-अलियासिंग अनुमान चलाता है: एक पिक्सेल को केवल वास्तविक अंतर के रूप में माना जाता है यदि यह एक स्मूथिंग ग्रेडिएंट के अंदर नहीं बैठता है - ठोस रूप से, यदि किसी भी स्रोत छवि में इसके स्वयं के 3x3 पड़ोस में पहले से ही हल्का और गहरा पिक्सेल दोनों शामिल नहीं हैं, जो वास्तविक सामग्री के बजाय एए-स्मूथ किनारे का फिंगरप्रिंट है।
छवि ए और छवि बी अपलोड करें, यदि आवश्यक हो तो संवेदनशीलता समायोजित करें और निष्पादित करें दबाएं। आपको अलग-अलग पिक्सेल का सटीक प्रतिशत मिलता है, साथ ही मूल के मंद संस्करण पर उज्ज्वल मैजेंटा में हाइलाइट किए गए प्रत्येक वास्तविक परिवर्तन के साथ एक अलग छवि मिलती है - इसे डाउनलोड करें और इसे सीधे अपनी बग रिपोर्ट या क्यूए नोट्स में संलग्न करें। दोनों छवियों का आयाम समान होना चाहिए; यदि वे ऐसा नहीं करते हैं, तो टूल चुपचाप उनमें से किसी एक को काटने या खींचने के बजाय आपको स्पष्ट रूप से बताता है। किसी भी समय आपके ब्राउज़र से कुछ भी नहीं छूटता।