Przewodnik po sprawdzaniu różnic obrazu

Jak korzystać z modułu sprawdzania różnic obrazu

Przegląd na poziomie pikseli pod kątem zrzutów ekranu, eksportów kompresji, edycji produktów i drobnych zmian wizualnych, które wymagają lokalnych wskaźników różnic.

Przewodnik po sprawdzaniu różnic obrazuPoradniki
01

Zacznij od dopasowania linii bazowej i zmienionych plików z tej samej sceny, układu, rzutni lub procesu eksportu.

02

Uruchom funkcję Podświetlenie różnic w celu wykrycia zmienionego obszaru, a następnie potwierdź wynik w widoku suwaka, widoku obok siebie lub widoku nakładki.

03

Użyj progu, zmienionych pikseli, RMSE i PSNR jako sygnałów przeglądu. Ostateczne rozstrzygnięcie nadal zależy od widocznego wyniku.

Przegląd pikseli pod kątem dokładnie zmienionych obszarów

Narzędzie do sprawdzania różnic obrazu lokalizuje różnice między dwoma powiązanymi obrazami. Pasuje do kontroli zrzutów ekranu interfejsu użytkownika, przeglądu retuszu produktu, przeglądu eksportu kompresji i małych zmian wizualnych, które łatwo przeoczyć na suwaku.

Narzędzie porównuje piksele zdekodowane przez przeglądarkę na udostępnionym obszarze roboczym. Piksel liczy się jako zmieniony, gdy największa delta kanału czerwonego, zielonego, niebieskiego lub alfa przekroczy wybrany próg.

Przepływ pracy

Sekwencja przeglądu różnicowego

Najpierw załaduj obraz bazowy

Użyj oryginału, poprzedniego zrzutu ekranu lub eksportu referencyjnego jako obrazu bazowego. Wyraźna linia bazowa ułatwia dostrzeżenie zmian w liczbie pikseli.

Załaduj zmieniony obraz jako drugi

Użyj nowego zrzutu ekranu, edytowanego zdjęcia, zoptymalizowanego obrazu lub wyeksportowanego wariantu jako zmienionego obrazu. Niedopasowane wymiary wymagają sprawdzenia wyrównania przed sprawdzeniem metryk.

Uruchom różnicę podświetlenia

Podświetlenie Różn. zaznacza zmienione obszary i wypełnia karty metryczne. Widoki suwakowe, widoki obok siebie i nakładki pozwalają zweryfikować wyróżniony wynik w kontekście wizualnym.

Dostosuj próg celowo

Niższe progi wychwytują subtelne zmiany. Wyższe progi ignorują szum kompresji, drobne zmiany oświetlenia i wygładzanie. Zaktualizuj różnicę po zmianie progu.

Próg

Jak wybrać próg różnicowy

Próg określa odcięcie różnicy kanałów dla zmienionych pikseli. Nie istnieje żadna uniwersalna najlepsza wartość; dopasuj wartość do zadania przeglądu.

8

Ścisłe kontrole interfejsu użytkownika

Wypróbuj 8, aby uzyskać małe zmiany w zrzucie ekranu, które powinny zostać wyraźnie uchwycone.

  • Etykieta przycisku została zmieniona z Zapisz na Zastosuj.

  • Ikona lekko się poruszyła, zniknęła cienka ramka lub zmieniły się odstępy między tekstami.

Ta wartość może również wychwytywać drobne szumy renderowania wokół tekstu i krawędzi.

18

Drobne szczegóły zdjęcia

Wypróbuj 18, aby uzyskać zmiany obrazu widoczne dopiero po bliższym przyjrzeniu się.

  • Cień produktu stał się bardziej miękki, retusz twarzy usunął niewielki ślad lub zmieniła się faktura tkaniny.

  • Zdjęcie wygląda prawie tak samo, ale zmieniono prześwietlenie, odbicie lub plamę koloru.

Dobry do dokładnej oceny.

32

Zrównoważone ustawienie domyślne

W przypadku większości porównań zacznij od 32.

  • Zrzut ekranu strony docelowej zawiera zarówno tekst, jak i zdjęcia.

  • Zdjęcie produktu zostało wyeksportowane ponownie lub podgląd z innego narzędzia wymaga szybkiego sprawdzenia.

Przejdź niżej, aby uzyskać bardziej rygorystyczne kontrole, wyżej, aby uzyskać zaszumione pliki.

64

Duże widoczne zmiany

Spróbuj 64, aby skupić się na oczywistych zmianach.

  • Tło zostało zastąpione, obiekt został przesunięty, zmieniono kadrowanie lub pojawiła się silna zmiana koloru.

  • Eksport do formatu JPEG lub WebP charakteryzuje się niewielkimi szumami, ale ocena skupia się wyłącznie na zmianach, które ludzie szybko zauważają.

Mały tekst, drobne ikony i cienkie obramowania mogą już nie wyróżniać się.

Metryki

Jak czytać metryki różnic w obrazach

Zmienione piksele

Liczba porównywalnych pikseli obszaru roboczego powyżej bieżącego progu. Wartość zależy w dużym stopniu od progu i wyrównania.

Zmieniono procent pikseli

Zmienione piksele podzielone przez wszystkie porównywalne piksele. Pomaga porównać dwie serie o różnych rozmiarach obrazu lub obszarach przycięcia.

Średnia delta RGB

Średnia bezwzględna różnica kanałów RGB. Szerokie zmiany kolorów lub jasności mogą tu być widoczne nawet przy niewielkim procencie zmienionego obszaru.

RMSE

Średni kwadratowy błąd RGB. Większe różnice lokalne wpływają na RMSE silniej niż drobne różnice rozproszone.

PSNR

Szczytowy stosunek sygnału do szumu. Wyższy PSNR zwykle oznacza, że ​​obrazy są bliżej w sygnale RGB; niższy PSNR oznacza bardziej widoczny lub mierzalny błąd.

Typowe pułapki

Porównaj wyniki, które wymagają drugiego spojrzenia

Obrazy są lekko przesunięte

Przesunięcie o 1 px może oświetlić wiele obszarów, nawet jeśli zdjęcie wygląda prawie identycznie. Otwórz Nakładkę i sprawdź, czy główne krawędzie się pokrywają.

Rozmiary obrazów nie są zgodne

Różne szerokości lub wysokości sprawiają, że porównanie jest mniej bezpośrednie. Użyj widoków wizualnych, aby znaleźć widoczną zmianę, a następnie przytnij lub wyeksportuj pasujące rozmiary, aby uzyskać czystsze dane.

Pojawia się szum kompresji

Eksporty JPEG i WebP często dodają drobne plamki na płaskich kolorach i krawędziach. Podnieś próg, jeśli ocena dotyczy widocznych zmian.

Krawędzie tekstu zmieniły się podczas renderowania

Czcionki, ikony i krawędzie wektorów mogą wylądować w nieco innych pikselach po zmianie przeglądarki, czcionki lub eksportu. Użyj niskiego progu dla kontroli jakości zrzutów ekranu, a następnie potwierdź wzrokowo podświetlony obszar.

Przypadki użycia

Przejrzyj zadania do tego przewodnika

Przegląd regresji zrzutów ekranu interfejsu użytkownika

Porównanie jakości kompresji obrazu

Ocena retuszu zdjęć produktowych

Kontrola przed i po edycji

Małe różnice w układzie lub eksporcie

Wypróbuj

Otwórz narzędzie po przeczytaniu instrukcji

Załaduj obraz bazowy i obraz zmieniony, uruchom opcję Podświetlenie różnic, a następnie dostosuj próg, aż podświetlone obszary będą odpowiadać zadaniu przeglądu.

Otwórz narzędzie

FAQ

Użyj narzędzia sprawdzania różnic obrazu

Jakiego progu powinienem użyć w module sprawdzania różnic obrazu?

Zacznij od 32, aby dokonać ogólnego przeglądu. Użyj 8, aby dokładnie sprawdzić zrzuty ekranu tego samego rozmiaru, 18, aby uzyskać drobne szczegóły zdjęcia i 64, aby zobaczyć większe widoczne zmiany.

Co powoduje powstawanie wielu zmienionych pikseli na podobnych obrazach?

Niewielkie przesunięcia w wyrównaniu, wygładzanie, szum kompresji, różnice w profilach kolorów i drobne zmiany oświetlenia mogą być liczone jako zmienione piksele. Użyj widoku nakładki i regulacji progu, aby zrozumieć wynik.

Czy RMSE i PSNR są lepsze niż zmieniony procent pikseli?

Odpowiadają na inne pytanie. Zmieniony procent pikseli pokazuje, ile obszaru przekroczyło próg, podczas gdy RMSE i PSNR podsumowują błąd RGB na porównywalnym obszarze roboczym.

Czy moje dane dotyczące obrazu są bezpieczne?

Tak. Podgląd obrazu i porównanie pikseli działają lokalnie w Twojej przeglądarce. Różnica nie wymaga przesyłania na serwer, więc dane obrazu pozostają w aktywnej sesji przeglądarki.