1. Termékek
  2.   Kép
  3.   Node.js
  4.   LooksSame
 
  

Ingyenes Node.js API a képek összehasonlításához

Nyílt forráskódú Node.js-alapú API, amely képpontonként hasonlítja össze a képeket. Erőteljes, rugalmas és hatékony megoldás a Node.js alkalmazásokban található képek összehasonlítására.

A kép-összehasonlítás létfontosságú szerepet játszik a szoftverfejlesztésben, különösen olyan területeken, mint a vizuális regressziós tesztelés, a képminőség-biztosítás és a pixel-tökéletes tervezés ellenőrzése. Függetlenül attól, hogy szoftvert fejleszt a felhasználói felület egységes megjelenésének biztosítására több platformon, vagy automatizálja a vizuális ellenőrzéseket egy gyártási folyamat során, a hatékony kép-összehasonlító eszköz használata elengedhetetlen. A LooksSame, a Gemini-Testing által kifejlesztett nyílt forráskódú API, intuitív funkcióival leegyszerűsíti a kép-összehasonlításhoz szükséges szoftverek létrehozásának folyamatát. A könyvtárnak számos fontos funkciója van, például képpontonkénti kép-összehasonlítás, élsimítás-felismerés, toleranciaszabályozás konfigurálása, képméretek kezelése, Promises támogatás és még sok más.

A LooksSame egy Node.js-alapú API, amelyet képek összehasonlítására terveztek. Lehetővé teszi a fejlesztők számára, hogy pixelenként hasonlítsák össze a képeket, és lehetőség nyílik a megjelenítési környezetek különbségei miatt előforduló kisebb eltérések kezelésére. A könyvtár használatával a szoftverfejlesztők saját alkalmazásokat készíthetnek, amelyek jelentős vizuális különbségeket észlelnek, miközben figyelmen kívül hagyják a triviális variációkat. Az API elsősorban arra irányul, hogy segítse a fejlesztőket a felhasználói felület egységességének megőrzésében, de sokoldalúsága sok más kép-összehasonlítási felhasználási esetre is alkalmassá teszi. Egyszerű API-jával és testreszabható lehetőségeivel a LooksSame nagyszerűen kiegészíti bármely fejlesztő eszközkészletét, különösen a webalapú felhasználói felület teszteléséhez, az automatikus képgeneráláshoz és más olyan esetekhez, ahol a vizuális pontosság a legfontosabb.

Previous Next

Kezdő lépések a LooksSame szolgáltatással

A LooksSame telepítésének javasolt módja az NPM használata. Kérjük, használja a következő parancsot a zökkenőmentes telepítés érdekében.

Telepítse a LooksSame-et NPM-en keresztül

npm install looks-same

Alapkép-összehasonlítás a Node.js alkalmazásokban

A nyílt forráskódú LooksSame könyvtár megkönnyíti a szoftverfejlesztők számára, hogy egyszerű képösszehasonlítást végezzenek a Node.js alkalmazásokon belül. Telepítés után összehasonlíthat két képet, ha a kódban megköveteli a LooksSame modult. Íme egy alapvető példa, amely bemutatja, hogyan kell a könyvtárat használni annak ellenőrzésére, hogy két kép vizuálisan azonos-e: Ebben a példában az image1.png és az image2.png összehasonlítása. Ha vizuálisan megegyeznek, az egyenlő értéke igaz; ellenkező esetben hamis értéket ad vissza.

Hogyan hasonlíthat össze két képet a Node.js alkalmazásokban?

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!');
    }
});

Tűrésalapú kép-összehasonlítás

Azokhoz az alkalmazásokhoz, amelyek nem igényelnek pixel-tökéletes egyezést, a szoftverfejlesztők tűrésszintet adhatnak hozzá. Ez lehetővé teszi a képek közötti apró eltérések figyelmen kívül hagyását, például a különböző böngészőkön vagy operációs rendszereken történő megjelenítés miatti változásokat. A következő kódpéldában a tűrés 5%-ra van állítva, ami azt jelenti, hogy a pixel kis eltérései (legfeljebb 5%) nem eredményezik azt, hogy a képek eltérőek legyenek.

Hogyan végezhető el a tolerancia alapú kép-összehasonlítás a Node.js alkalmazásokon belül?

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

Speciális különbségi területek kiemelése

A kifinomultabb alkalmazásokhoz a szoftverfejlesztőknek csak a különbségek meghatározott területeit szeretnék azonosítani és elemezni. A LooksSame könyvtár egy határolódoboz szolgáltatást biztosít, amely megmutatja a pontos régiót, ahol eltérések fordulnak elő. Ez a funkció a különböző régiók határolókeret-koordinátáit adja ki, így könnyebben fókuszálhat a kép megváltozott részeire. A következő példa bemutatja, hogyan lehet használni a határolókeret koordinátákat a képek összehasonlítására és a különbségek kiemelésére.

Hogyan hasonlítható össze a képek egyes területei közötti különbségek a Node.js Apps segítségével?

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');

Aliasing-észlelés a pontos összehasonlításhoz

A nyílt forráskódú LooksSame könyvtár lehetővé teszi a szoftverfejlesztők számára, hogy a Node.js alkalmazásokon belüli élsimítás-észlelési módszerrel tömörítsék a képeket. Az élsimítás hamis pozitív eredményeket okozhat a képek összehasonlításakor, mivel enyhe eltéréseket okoz az élek megjelenítésében. A könyvtár ignoreAntialiasing opciója segít elkerülni ezeket a hamis pozitív eredményeket. Ez különösen hasznos azoknál az alkalmazásoknál, ahol a képek különböző eszközökön vagy böngészőkön eltérő módon jeleníthetők meg, de vizuálisan ugyanazok.

 Magyar