Image Diff Checker

Elküldött egy CSS-t, és szeretné tudni, hogy pontosan mi költözött? Két képernyőképet hasonlít össze a minőségbiztosítási vizuális regressziós ellenőrzéshez? Kíváncsi vagy, mi változott valójában ugyanazon fénykép két exportált változata között? A két kép közötti oda-vissza görgetés és a különbségek keresése lassú és megbízhatatlan – ez az eszköz átfedi a kettőt, és minden megváltozott képpontot megjelenít egy képen.

Az összehasonlítás valódi pixel-diffing matematika, ugyanaz az algoritmuscsalád, amelyet az olyan eszközök is használnak, mint a pixelmatch: mindkét kép minden pixelét RGB-ből YIQ színtérré alakítják (Y = luma, I és Q = az NTSC krominanciatengelyei), és kiszámítják a két YIQ-pont közötti euklideszi távolságot. Ezt a távolságot összehasonlítják az érzékenységcsúszka által beállított küszöbértékkel – növelje az érzékenységet a finom színeltolódások észleléséhez, csökkentse a tömörítési zaj figyelmen kívül hagyásához, és csak a nyilvánvaló változásokkal törődik.

A naiv képpontonkénti összehasonlítás minden élsimított élt "másként" világítana meg, még akkor is, ha semmi értelmes nem változna, mert a simítás néhány árnyalattal eltolja a maroknyi szegélyképpontot. Ez az eszköz valódi élsimítási heurisztikát futtat mindkét képen: a pixelt csak akkor kezeli valódi különbségként, ha NEM simító gradiensben helyezkedik el – konkrétan, ha a saját 3x3-as környezete egyik forrásképen sem tartalmaz önmagánál világosabb és sötétebb pixelt, ami az AA-kisimított él ujjlenyomata, nem pedig a tényleges tartalom.

Töltse fel az A és B képet, szükség esetén állítsa be az érzékenységet, és nyomja meg az Execute gombot. Az eltérő képpontok pontos százalékos arányát kapja meg, valamint egy diff képet, minden valódi változást élénk bíbor színnel kiemelve az eredeti halványított változata felett – töltse le, és csatolja közvetlenül a hibajelentéshez vagy a minőségbiztosítási megjegyzésekhez. Mindkét képnek azonos méretűnek kell lennie; ha nem, az eszköz világosan elmondja, ahelyett, hogy csendesen kivágná vagy kinyújtaná valamelyiket. Semmi sem hagyja el a böngészőt.