Billedforskel-værktøj
Upload to billeder og se en pixel-nøjagtig visuel diff mellem dem, med perceptuel YIQ-sammenligning og anti-aliasing-bevidst fremhævning – 100 % lokalt i din browser.
🔒 Behandles helt i din browser - intet, du indtaster her, bliver nogensinde uploadet.
Resultat
Har du implementeret en CSS-justering og vil vide præcis, hvad der flyttede sig? Sammenligner du to skærmbilleder til en QA-visuel regressionskontrol? Undrer du dig over, hvad der egentlig ændrede sig mellem to eksporterede versioner af det samme foto? At scrolle frem og tilbage mellem to billeder og knibe øjnene sammen efter forskelle er langsomt og upålideligt – dette værktøj lægger de to oven på hinanden og viser dig hvert ændret pixel i ét billede.
Sammenligningen er ægte pixel-diffing-matematik, den samme algoritmefamilie som bruges af værktøjer som pixelmatch: hvert pixel i begge billeder konverteres fra RGB til YIQ-farverummet (Y = luma, I og Q = NTSC-krominansakserne), og den euklidiske afstand mellem de to YIQ-punkter beregnes. Den afstand sammenlignes med en tærskel, der indstilles med følsomhedsskyderen – øg følsomheden for at fange subtile farveforskydninger, sænk den for at ignorere kompressionsstøj og kun interessere dig for tydelige ændringer.
En naiv per-pixel-sammenligning ville markere hver anti-aliaset kant som "forskellig", selv når intet meningsfuldt ændrede sig, fordi udjævning flytter en håndfuld kantpixels med nogle få nuancer. Dette værktøj kører en ægte anti-aliasing-heuristic på begge billeder: et pixel behandles kun som en reel forskel, hvis det IKKE befinder sig inden for en udjævningsgradient – konkret, hvis dets eget 3×3-nabolag i et af kildebillederne ikke allerede indeholder både en lysere og en mørkere pixel end sig selv, hvilket er fingeraftrykket på en AA-udjævnet kant snarere end faktisk indhold.
Upload Billede A og Billede B, justér følsomheden om nødvendigt og tryk på Udfør. Du får en nøjagtig procentdel af pixels, der er forskellige, plus et diff-billede med hver reel ændring fremhævet i klar magenta over en nedtonet version af originalen – download det og vedhæft det direkte til din fejlrapport eller QA-notater. Begge billeder skal have samme dimensioner; hvis de ikke har, fortæller værktøjet dig det lige ud i stedet for lydløst at beskære eller strække et af dem. Inte forlader din browser på noget tidspunkt.