इमेज डिफ चेकर
दो इमेज की पिक्सेल दर पिक्सेल तुलना करें और तुरंत देखें कि क्या बदला है, हाइलाइट किए गए डिफरेंस इमेज और प्रतिशत सारांश के साथ — यह सब आपके ब्राउज़र में स्थानीय रूप से प्रोसेस होता है।
🔒 आपके ब्राउज़र में लोकली प्रोसेस किया गया
Loading…
इस्तेमाल कैसे करें
- अपनी मूल इमेज को "पहले" वाले ड्रॉपज़ोन में खींचें और छोड़ें (या चुनने के लिए क्लिक करें)।
- जिस इमेज से तुलना करनी है उसे "बाद में" वाले ड्रॉपज़ोन में खींचें और छोड़ें (या चुनने के लिए क्लिक करें)।
- "इमेज कंपेयर करें" पर क्लिक करें — दोनों इमेज की तुलना आपके ब्राउज़र में ही पिक्सेल दर पिक्सेल की जाती है।
- हाइलाइट किए गए डिफरेंस इमेज और भिन्न पिक्सेल के प्रतिशत को देखें, और ज़रूरत पड़ने पर डिफरेंस इमेज डाउनलोड करें।
विशेषताएं
- ओपन-सोर्स pixelmatch लाइब्रेरी द्वारा संचालित पिक्सेल-स्तरीय तुलना
- बदलावों को आसानी से पहचानने के लिए हर भिन्न पिक्सेल को धुंधली पृष्ठभूमि पर हाइलाइट करता है
- भिन्न पिक्सेल की सटीक संख्या और प्रतिशत दिखाता है
- गलत तरीके से तुलना करने के बजाय भिन्न आकार वाली इमेज को स्पष्ट रूप से चिह्नित करता है
- 100% क्लाइंट-साइड — आपकी इमेज कभी भी सर्वर पर अपलोड नहीं होतीं
अक्सर पूछे जाने वाले सवाल
यह टूल किस काम आता है?
यह विज़ुअल रिग्रेशन टेस्टिंग (यह जाँचना कि बिल्ड के बीच UI अनपेक्षित रूप से नहीं बदला), डिज़ाइन या स्क्रीनशॉट के दो वर्ज़न की तुलना करने, फ़ोटो में सूक्ष्म बदलावों को पहचानने, या यह पुष्टि करने के लिए बेहतरीन है कि किसी इमेज को बिना दिखने वाली गुणवत्ता हानि के दोबारा कंप्रेस किया गया।
मेरी दोनों इमेज का आकार समान क्यों होना चाहिए?
यह तुलना पिक्सेल दर पिक्सेल काम करती है, पहली इमेज के हर पिक्सेल को दूसरी इमेज में उसी स्थान वाले पिक्सेल से मिलाती है। अगर इमेज के आकार अलग हैं तो कोई सार्थक 1:1 मैपिंग नहीं होती, इसलिए टूल बेमेल डेटा की तुलना करने के बजाय स्पष्ट एरर दिखाता है।
डिफरेंस इमेज कैसे बनाई जाती है?
यह टूल pixelmatch का उपयोग करता है, जो पिक्सेल तुलना के लिए एक ओपन-सोर्स लाइब्रेरी है। मेल खाने वाले क्षेत्रों को धुंधला किया जाता है, और जो पिक्सेल एंटी-अलायसिंग को ध्यान में रखते हुए एक छोटी सीमा से अधिक भिन्न होते हैं उन्हें तुरंत ध्यान खींचने के लिए चमकीले रंग में हाइलाइट किया जाता है।
क्या मेरी इमेज कहीं अपलोड की जाती हैं?
नहीं। दोनों इमेज पूरी तरह आपके ब्राउज़र के अंदर Canvas API का उपयोग करके लोड और तुलना की जाती हैं। कुछ भी सर्वर पर नहीं भेजा जाता।
दो विज़ुअली एक जैसी दिखने वाली इमेज में भी कुछ भिन्न पिक्सेल क्यों दिख सकते हैं?
कंप्रेशन, कलर प्रोफाइल, या दोबारा एन्कोडिंग में मामूली अंतर कुछ पिक्सेल वैल्यू को थोड़ा बदल सकते हैं, भले ही इमेज आँखों को एक जैसी दिखें। भिन्न पिक्सेल का बहुत छोटा प्रतिशत आमतौर पर वास्तविक विज़ुअल बदलाव के बजाय इस तरह के शोर को दर्शाता है।