Zacznij od dopasowania linii bazowej i zmienionych plików z tej samej sceny, układu, rzutni lub procesu eksportu.
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.
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.
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.
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.