छवि तुलना के लिए निःशुल्क Node.js API

LooksSame के साथ शुरुआत करना

LooksSame को इंस्टॉल करने का अनुशंसित तरीका NPM का उपयोग करना है। कृपया सुचारू इंस्टॉलेशन के लिए निम्न कमांड का उपयोग करें।

npm install looks-same

Node.js ऐप्स में बेसिक इमेज तुलना

ओपन सोर्स लुक्ससेम लाइब्रेरी सॉफ्टवेयर डेवलपर्स के लिए Node.js एप्लिकेशन के अंदर बेसिक इमेज तुलना करना आसान बनाती है। एक बार इंस्टॉल होने के बाद, आप अपने कोड में लुक्ससेम मॉड्यूल की आवश्यकता के द्वारा दो इमेज की तुलना कर सकते हैं। यहाँ एक बेसिक उदाहरण दिया गया है जो दिखाता है कि लाइब्रेरी का उपयोग करके यह कैसे जाँचें कि दो इमेज दिखने में एक जैसी हैं या नहीं: इस उदाहरण में, image1.png और image2.png की तुलना करता है। यदि वे दिखने में एक जैसे हैं, तो equal true लौटाएगा; अन्यथा, यह false लौटाएगा।

const looksSame = require('looks-same');

// Compare two images
looksSame('image1.png', 'image2.png', (error, { equal }) => {
    if (error) {
        console.error('Error comparing images:', error);
    } else if (equal) {
        console.log('Images are identical!');
    } else {
        console.log('Images differ!');
    }
});

सहिष्णुता-आधारित छवि तुलना

ऐसे अनुप्रयोगों के लिए जिन्हें पिक्सेल-परफेक्ट मिलान की आवश्यकता नहीं होती है, सॉफ़्टवेयर डेवलपर सहिष्णुता स्तर जोड़ सकते हैं। यह छवियों के बीच छोटे अंतरों, जैसे कि विभिन्न ब्राउज़रों या ऑपरेटिंग सिस्टम पर रेंडरिंग के कारण होने वाले परिवर्तनों को अनदेखा करने की अनुमति देता है। निम्नलिखित कोड उदाहरण में, सहिष्णुता 5% पर सेट की गई है, जिसका अर्थ है कि छोटे पिक्सेल भिन्नता (5% तक) के कारण छवियों को अलग नहीं माना जाएगा।

cfunction compareWithTolerance(image1, image2, toleranceLevel) {
    looksSame(image1, image2, { tolerance: toleranceLevel }, (error, { equal }) => {
        if (error) {
            console.error('Error comparing images:', error);
        } else if (equal) {
            console.log('Images are visually identical within tolerance!');
        } else {
            console.log('Images differ!');
        }
    });
}

// Usage
compareWithTolerance('image1.png', 'image2.png', 5);  // 5% tolerance

अंतर के विशिष्ट क्षेत्रों को हाइलाइट करना

अधिक परिष्कृत अनुप्रयोगों के लिए, सॉफ़्टवेयर डेवलपर्स अंतर के केवल विशिष्ट क्षेत्रों की पहचान और विश्लेषण करना चाह सकते हैं। लुक्ससेम लाइब्रेरी एक बाउंडिंग बॉक्स सुविधा प्रदान करती है जो सटीक क्षेत्र दिखाती है जहाँ अंतर होता है। यह फ़ंक्शन भिन्न क्षेत्रों के बाउंडिंग बॉक्स निर्देशांक आउटपुट करता है, जिससे छवि के उन विशिष्ट भागों पर ध्यान केंद्रित करना आसान हो जाता है जो बदल गए हैं। निम्न उदाहरण दिखाता है कि छवियों की तुलना करने और अंतरों को हाइलाइट करने के लिए बाउंडिंग बॉक्स निर्देशांक का उपयोग कैसे करें।

function compareWithDiffBounds(image1, image2) {
    looksSame(image1, image2, (error, { diffBounds }) => {
        if (error) {
            console.error('Error comparing images:', error);
        } else {
            console.log('Bounding box of differences:', diffBounds);
        }
    });
}

// Usage
compareWithDiffBounds('image1.png', 'image2.png');

सटीक तुलना के लिए एंटी-अलियासिंग डिटेक्शन

ओपन सोर्स लुक्ससेम लाइब्रेरी सॉफ्टवेयर डेवलपर्स को Node.js एप्लीकेशन के अंदर एंटी-अलियासिंग डिटेक्शन विधि का उपयोग करके इमेज कम्प्रेशन करने की अनुमति देती है। छवियों की तुलना करते समय एंटी-अलियासिंग गलत सकारात्मक परिणाम दे सकता है, क्योंकि यह एज रेंडरिंग में मामूली बदलाव लाता है। लाइब्रेरी का इग्नोरएंटीअलियासिंग विकल्प इन गलत सकारात्मक परिणामों से बचने में मदद करता है। यह उन एप्लीकेशन के लिए विशेष रूप से उपयोगी है जहाँ विभिन्न डिवाइस या ब्राउज़र पर इमेज अलग-अलग तरीके से रेंडर की जा सकती हैं लेकिन फिर भी दिखने में एक जैसी होती हैं।