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

Gratis Node.js API for bildesammenligning

Open Source Node.js-basert API som sammenligner bilder Pixel by Pixel. En kraftig, fleksibel og effektiv løsning for bildesammenligning i Node.js-applikasjoner.

Bildesammenligning spiller en viktig rolle i programvareutvikling, spesielt på områder som visuell regresjonstesting, bildekvalitetssikring og pikselperfekt designverifisering. Enten du utvikler programvare for å sikre konsistent UI-utseende på tvers av flere plattformer eller automatiserer visuelle kontroller i en produksjonspipeline, er det viktig å ha et effektivt bildesammenligningsverktøy. LooksSame, en åpen kildekode API utviklet av Gemini-Testing, forenkler prosessen med å lage programvare for bildesammenligning med dens intuitive funksjoner. Det er flere viktige funksjoner i biblioteket som Pixel-by-Pixel-bildesammenligning, anti-aliasing-deteksjon, konfigurere toleransekontroll, håndtering av bildedimensjoner, støtte for Promises og mange flere.

LooksSame er et Node.js-basert API designet for bildesammenligning. Det lar utviklere sammenligne bilder piksel for piksel, med alternativer for å håndtere mindre variasjoner som kan oppstå på grunn av forskjeller i gjengivelsesmiljøer. Ved å bruke biblioteket kan programvareutviklere bygge sine egne applikasjoner som oppdager betydelige visuelle forskjeller mens de ignorerer trivielle variasjoner. API-en er først og fremst fokusert på å hjelpe utviklere med å opprettholde konsistens i UI-design, men allsidigheten gjør den egnet for mange andre bruksområder for bildesammenligning. Med sin enkle API og tilpassbare alternativer er LooksSame et flott tillegg til enhver utvikleres verktøysett, spesielt for nettbasert brukergrensesnitttesting, automatisert bildegenerering og andre scenarier der visuell nøyaktighet er avgjørende.

Previous Next

Kom i gang med LooksSame

Den anbefalte måten å installere LooksSame på er å bruke NPM. Bruk følgende kommando for en jevn installasjon.

Installer LooksSame via NPM

npm install looks-same

Grunnleggende bildesammenligning i Node.js-apper

Åpen kildekode LooksSame-biblioteket gjør det enkelt for programvareutviklere å utføre grunnleggende bildesammenligning i Node.js-applikasjoner. Når den er installert, kan du sammenligne to bilder ved å kreve LooksSame-modulen i koden. Her er et grunnleggende eksempel som viser hvordan du bruker biblioteket for å sjekke om to bilder er visuelt identiske: I dette eksemplet sammenligner du bilde1.png og bilde2.png. Hvis de er visuelt like, vil like returnere sant; ellers returnerer den false.

Hvordan sammenligne to bilder i Node.js-apper?

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

Toleransebasert bildesammenligning

For programmer som ikke krever pikselperfekte treff, kan programvareutviklere legge til et toleransenivå. Dette gjør at små forskjeller mellom bilder, for eksempel endringer på grunn av gjengivelse på forskjellige nettlesere eller operativsystemer, kan ignoreres. I følgende kodeeksempel er toleransen satt til 5 %, noe som betyr at små pikselvariasjoner (opptil 5 %) ikke vil føre til at bildene anses som forskjellige.

Hvordan utfører jeg toleransebasert bildesammenligning i Node.js-apper?

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

Utheving av spesifikke forskjellsområder

For mer sofistikerte applikasjoner vil programvareutviklere kanskje bare identifisere og analysere spesifikke forskjellsområder. LooksSame-biblioteket har en grenseboksfunksjon som viser det nøyaktige området der forskjellene oppstår. Denne funksjonen sender ut grensebokskoordinatene til de forskjellige områdene, noe som gjør det lettere å fokusere på bestemte deler av bildet som har endret seg. Følgende eksempel viser hvordan du bruker avgrensningsrammekoordinater for å sammenligne bilder og fremheve forskjellene.

Hvordan sammenligne identifisere forskjellene mellom spesifikke områder av bilder via Node.js-apper?

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

Deteksjon av anti-aliasing for nøyaktige sammenligninger

LooksSame-biblioteket med åpen kildekode lar programvareutviklere utføre bildekomprimering ved å bruke Anti-Aliasing Detection-metoden i Node.js-applikasjoner. Kantutjevnelse kan forårsake falske positiver når du sammenligner bilder, da det introduserer små variasjoner i kantgjengivelsen. Bibliotekets ignoreAntialiasing-alternativ hjelper til med å unngå disse falske positivene. Dette er spesielt nyttig for applikasjoner der bilder kan gjengis annerledes på ulike enheter eller nettlesere, men som fortsatt er visuelt like.

 Norsk