Bildskillnadskontroll
Ladda upp två bilder och se en pixelexakt visuell skillnad mellan dem, med perceptuell YIQ-jämförelse och kantutjämningsmedveten markering - 100 % lokalt i din webbläsare.
Resultat
Skickade en CSS-tweak och vill veta exakt vad som rörde sig? Jämför du två skärmdumpar för en kvalitetskontroll av visuell regression? Undrar du vad som egentligen förändrades mellan två exporterade versioner av samma foto? Att rulla fram och tillbaka mellan två bilder och kisa efter skillnader är långsamt och opålitligt - det här verktyget överlagrar de två och visar dig varje ändrad pixel i en bild.
Jämförelsen är verklig pixeldiffrig matematik, samma familj av algoritmer som används av verktyg som pixelmatch: varje pixel i båda bilderna omvandlas från RGB till YIQ-färgrymd (Y = luma, I och Q = NTSC-krominansaxlarna), och det euklidiska avståndet mellan de två YIQ-punkterna beräknas. Det avståndet jämförs med en tröskel som ställs in av känslighetsreglaget – höj känsligheten för att fånga subtila färgskiftningar, sänk den för att ignorera kompressionsbrus och bry dig bara om uppenbara förändringar.
En naiv jämförelse per pixel skulle lysa upp alla kantutjämnade kanter som "annorlunda" även när inget meningsfullt förändrades, eftersom utjämning förskjuter en handfull kantpixlar med några nyanser. Det här verktyget kör en verklig kantutjämningsheuristik på båda bilderna: en pixel behandlas bara som en äkta skillnad om den INTE sitter i en utjämningsgradient – konkret, om dess egen 3x3-kvarter i någon av källbilderna inte redan innehåller både en ljusare och en mörkare pixel än sig själv, vilket är fingeravtrycket av en AA-utjämnad kant snarare än faktiskt innehåll.
Ladda upp bild A och bild B, justera känsligheten om det behövs och tryck på Execute. Du får en exakt procentandel av pixlar som skiljer sig plus en skillnadsbild med varje verklig förändring markerad i ljust magenta över en nedtonad version av originalet - ladda ner den och bifoga den direkt till din felrapport eller QA-anteckningar. Båda bilderna måste ha samma dimensioner; om de inte gör det, säger verktyget det tydligt till dig istället för att tyst beskära eller sträcka en av dem. Ingenting lämnar din webbläsare vid något tillfälle.