1. Produkter
  2.   Billede
  3.   Node.js
  4.   LooksSame
 
  

Gratis Node.js API til billedsammenligning

Open Source Node.js-baseret API, der sammenligner billeder pixel for pixel. En kraftfuld, fleksibel og effektiv løsning til billedsammenligning i Node.js-applikationer.

Billedsammenligning spiller en afgørende rolle i softwareudvikling, især inden for områder som visuel regressionstest, billedkvalitetssikring og pixel-perfekt designverifikation. Uanset om du udvikler software til at sikre ensartet UI-udseende på tværs af flere platforme eller automatiserer visuelle kontroller i en produktionspipeline, er det vigtigt at have et effektivt billedsammenligningsværktøj. LooksSame, en open source API udviklet af Gemini-Testing, forenkler processen med at skabe software til billedsammenligning med dens intuitive funktioner. Der er flere vigtige funktioner i biblioteket, såsom Pixel-by-Pixel-billedsammenligning, anti-aliasing-detektion, konfigurering af tolerancekontrol, håndtering af billeddimensioner, understøttelse af Promises og mange flere.

LooksSame er en Node.js-baseret API designet til billedsammenligning. Det giver udviklere mulighed for at sammenligne billeder pixel for pixel, med muligheder for at håndtere mindre variationer, der kan opstå på grund af forskelle i gengivelsesmiljøer. Ved at bruge biblioteket kan softwareudviklere bygge deres egne applikationer, der registrerer betydelige visuelle forskelle, mens de ignorerer trivielle variationer. API'en er primært fokuseret på at hjælpe udviklere med at opretholde ensartethed i UI-design, men dens alsidighed gør den velegnet til mange andre billedsammenligningsbrug. Med dens ligetil API og tilpasselige muligheder er LooksSame en fantastisk tilføjelse til enhver udviklers værktøjssæt, især til webbaseret UI-test, automatiseret billedgenerering og andre scenarier, hvor visuel nøjagtighed er altafgørende.

Previous Next

Kom godt i gang med LooksSame

Den anbefalede måde at installere LooksSame på er at bruge NPM. Brug venligst følgende kommando for en problemfri installation.

Installer LooksSame via NPM

npm install looks-same

Grundlæggende billedsammenligning i Node.js Apps

Open source LooksSame-biblioteket gør det nemt for softwareudviklere at udføre grundlæggende billedsammenligning i Node.js-applikationer. Når det er installeret, kan du sammenligne to billeder ved at kræve LooksSame-modulet i din kode. Her er et grundlæggende eksempel, der viser, hvordan du bruger biblioteket til at kontrollere, om to billeder er visuelt identiske: I dette eksempel sammenligner billede1.png og billede2.png. Hvis de visuelt er ens, vil lig returnere sandt; ellers returnerer den falsk.

Hvordan sammenlignes to billeder i Node.js-apps?

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

Tolerancebaseret billedsammenligning

For applikationer, der ikke kræver pixel-perfekte matches, kan softwareudviklere tilføje et toleranceniveau. Dette gør det muligt at ignorere små forskelle mellem billeder, såsom ændringer som følge af gengivelse på forskellige browsere eller operativsystemer. I det følgende kodeeksempel er tolerancen sat til 5 %, hvilket betyder, at små pixelvariationer (op til 5 %) ikke vil medføre, at billederne betragtes som forskellige.

Hvordan udfører man tolerancebaseret billedsammenligning i Node.js Apps?

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

Fremhævelse af specifikke forskelle

For mere sofistikerede applikationer vil softwareudviklere måske kun identificere og analysere specifikke områder med forskel. LooksSame-biblioteket indeholder en afgrænsningsboksfunktion, der viser det nøjagtige område, hvor forskelle opstår. Denne funktion udsender afgrænsningsrammens koordinater for de forskellige områder, hvilket gør det nemmere at fokusere på bestemte dele af billedet, der er ændret. Følgende eksempel viser, hvordan man bruger afgrænsningsrammekoordinater til at sammenligne billeder og fremhæve forskellene.

Hvordan sammenlignes Identificer forskellene mellem specifikke billedområder via Node.js-apps?

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

Anti-aliasing-detektion for nøjagtige sammenligninger

Open source LooksSame-biblioteket giver softwareudviklere mulighed for at udføre billedkomprimering ved at bruge Anti-Aliasing Detection-metoden i Node.js-applikationer. Anti-aliasing kan forårsage falske positiver ved sammenligning af billeder, da det introducerer små variationer i kantgengivelse. Bibliotekets ignoreAntialiasing-indstilling hjælper med at undgå disse falske positiver. Dette er især nyttigt for applikationer, hvor billeder kan gengives forskelligt på forskellige enheder eller browsere, men stadig visuelt er de samme.

 Dansk