Képdiff-ellenőrző
Töltsön fel két képet, és tekintse meg a köztük lévő, képpont-pontos vizuális difft perceptuális YIQ összehasonlítással és élsimítás-tudatos kiemeléssel – 100%-ban helyben, a böngészőjében.
🔒 Teljesen a böngészőjében dolgozzák fel – soha semmi, amit itt beírt, nem kerül feltöltésre.
Eredmény
Kiadott egy CSS-módosítást, és pontosan tudni szeretné, mi mozdult el? Két képernyőképet hasonlít össze vizuális regressziós teszteléshez? Kíváncsi, mi változott ténylegesen ugyanazon fotó két exportált verziója között? A két kép közötti ide-oda lapozgatás és hunyorgás lassú és megbízhatatlan – ez az eszköz egymásra vetíti a kettőt, és egyetlen képen mutatja meg az összes megváltozott képpontot.
Az összehasonlítás valódi pixel-összehasonlító matematikát használ, ugyanazt az algoritmuscsaládot, mint amilyet a pixelmatch-hez hasonló eszközök is alkalmaznak: mindkét kép minden képpontját RGB-ből YIQ színtérbe konvertálja (Y = luma, I és Q = az NTSC színinformációs tengelyei), majd kiszámítja a két YIQ pont közötti euklideszi távolságot. Ezt a távolságot veti össze az érzékenységi csú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, hogy figyelmen kívül hagyja a tömörítési zajt, és csak a nyilvánvaló változásokra koncentráljon.
Egy naiv, képpontonkénti összehasonlítás minden élsimított élet „eltérőként” jelölne, még akkor is, ha semmi értelmes nem változott, mivel az élsimítás néhány határmenti képpontot néhány árnyalattal eltol. Ez az eszköz valódi élsimítási heurisztikát futtat mindkét képen: egy képpont csak akkor minősül valódi különbségnek, ha NEM ül simítási átmeneten belül – konkrétan, ha a saját 3×3-as környezete egyik forrásképen sem tartalmaz már önmagánál világosabb és sötétebb képpontot is, ami az élsimított él jellemzője, nem pedig a tényleges tartalomé.
Töltse fel az A és a B képet, állítsa be az érzékenységet, ha szükséges, majd nyomja meg a Végrehajtás gombot. Pontos százalékos értéket kap az eltérő képpontok arányáról, valamint egy diff képet, amelyen minden valódi változás élénk bíborvörössel van kiemelve az eredeti halványított verzióján – töltse le, és csatolja közvetlenül a hibajegyéhez vagy a QA feljegyzéseihez. Mindkét képnek azonos méretűnek kell lennie; ha nem, az eszköz egyértelműen közli, ahelyett hogy csendben körbevágná vagy megnyújtaná valamelyiket. A folyamat során semmi sem hagyja el a böngészőjét.