Utilia

Porównywanie obrazów

Porównaj dwa obrazy obok siebie, suwakiem przed/po, nakładką z regulacją krycia lub mapą różnic, która liczy zmienione piksele. Za darmo, bez przesyłania.

Widok
Powiększenie 100 %

Jak porównać dwa obrazy

  1. Upuść pierwszy obraz na pole Obraz A (przed), a drugi na Obraz B (po), albo kliknij każde pole, aby wybrać plik. Obsługiwane są JPG, PNG, WebP, GIF, BMP, SVG i każdy inny format, który otworzy twoja przeglądarka.
  2. Wybierz Widok: Obok siebie, Suwak, Nakładka lub Różnice.
  3. Jeśli obrazy mają różne rozmiary, wybierz w polu Gdy rozmiary się różnią: Skaluj B do rozmiaru A, Oryginalny rozmiar, wyrównanie do lewego górnego rogu lub Oryginalny rozmiar, wyśrodkowane.
  4. Powiększaj kółkiem myszy, szczypaniem dwoma palcami, przyciskami + i − albo klawiszami + i −, a przeciągaj, aby przesuwać. Wszystkie panele mają to samo powiększenie i położenie, więc zawsze patrzysz na ten sam fragment obu obrazów. Dopasuj do widoku znów pokazuje cały obraz.
  5. W widoku Różnice ustaw opcje Tolerancja i Miara różnicy, a potem odczytaj wyniki pod obrazem. Pobierz mapę różnic (PNG) zapisuje wyróżnioną mapę.

Zamień A i B zamienia obrazy miejscami; Wyczyść pozwala zacząć od nowa.

Cztery widoki

  • Obok siebie pokazuje A po lewej i B po prawej, z zsynchronizowanym powiększeniem i przesuwaniem. To najprostszy sposób, by ocenić ogólny wygląd, kolory i ostrość.
  • Suwak nakłada obrazy na siebie i odsłania B po prawej stronie pionowej linii podziału. Przeciągnij linię na obrazie, kliknij w miejscu, gdzie ma się znaleźć, albo użyj kontrolki Położenie suwaka (działa też ze strzałkami). To klasyczny widok „przed i po” przy retuszu, renowacji, powiększaniu czy testach kompresji.
  • Nakładka kładzie B na A z regulowanym kryciem (Krycie B). Przesuwanie od 0% do 100% sprawia, że przesunięcia, przemieszczone elementy i przesunięty tekst od razu rzucają się w oczy.
  • Różnice maluje każdy zmieniony piksel na jaskrawą czerwień na wyblakłej szarej kopii obrazu A. Identyczne obszary znikają w tle, więc po powiększeniu łatwo wypatrzyć nawet zmianę jednego piksela. Przy dużym powiększeniu piksele pokazywane są jako ostre kwadraty, a nie wygładzone.

Jak mierzona jest różnica

Każdy piksel A porównywany jest z pikselem w tym samym miejscu B. Kolory są najpierw mnożone przez ich krycie, więc dwa całkowicie przezroczyste piksele liczą się jako równe, nawet jeśli ich ukryty kolor jest inny.

  • Największa różnica kanału to największa rozbieżność spośród kanałów czerwonego, zielonego, niebieskiego i alfa, w skali od 0 do 255. Wartość 12 oznacza, że co najmniej jeden kanał zmienił się o 12 poziomów.
  • Odległość kolorów (RGB + alfa) to odległość w linii prostej (euklidesowa) między dwoma kolorami, podzielona przez 2, aby również mieściła się w zakresie od 0 do 255. Silniej reaguje na zmiany rozłożone na kilka kanałów.

Piksel liczy się jako zmieniony, gdy jego różnica jest większa niż Tolerancja. Przy 0 zgłaszana jest każda zmiana – idealne, by sprawdzić, czy dwa eksporty są naprawdę identyczne. Tolerancja 5–15 pomija drobny szum dodawany przez kompresję JPEG lub WebP i zostawia rzeczywiste zmiany.

Wyniki pokazują rozmiary obu obrazów, Porównywany obszar, Odsetek zmian w procentach, liczbę pikseli (Zmienione piksele), Największa różnica oraz Zmieniony obszar: najmniejszy prostokąt zawierający wszystkie zmienione piksele, wraz z jego lewym górnym rogiem.

Obrazy o różnych rozmiarach

Przy opcji Skaluj B do rozmiaru A obraz B jest rozciągany dokładnie do szerokości i wysokości A, co pasuje do przeskalowanej lub ponownie skompresowanej kopii tego samego obrazu. Przy obu opcjach Oryginalny rozmiar każdy obraz zachowuje własne piksele w obszarze wystarczająco dużym dla obu; części pokryte tylko jednym obrazem liczą się jako zmienione. Obrazy większe niż 4096 pikseli na dłuższym boku porównywane są w zmniejszonym rozmiarze, o czym informuje komunikat.

Oba pliki są odczytywane i porównywane w twojej przeglądarce; nigdy nie są przesyłane na serwer.

Najczęściej zadawane pytania

Jak sprawdzić, czy dwa obrazy są dokładnie identyczne?

Wybierz Różnice, ustaw opcję Tolerancja na 0 i używaj opcji Skaluj B do rozmiaru A tylko wtedy, gdy rozmiary już się zgadzają. Jeśli komunikat mówi, że obrazy są identyczne, każdy piksel się zgadza.

Dlaczego kopia JPEG pokazuje tysiące zmienionych pikseli?

Kompresja JPEG i WebP lekko zmienia kolory w całym obrazie. Podnieś wartość Tolerancja do około 10, aby ukryć ten szum i zostawić tylko widoczne zmiany.

Czy mogę porównać zrzuty ekranu strony przed zmianą i po niej?

Tak. To typowy test regresji wizualnej: wczytaj oba zrzuty, użyj widoku Różnice, aby znaleźć zmienione obszary, a potem widoku Suwak lub Nakładka, aby zobaczyć, co się przesunęło.

Co mówi mi Zmieniony obszar?

To prostokąt otaczający wszystkie zmienione piksele, podany jako rozmiar i położenie lewego górnego rogu. Pomaga zlokalizować drobną zmianę na dużym obrazie.

Czy moje obrazy są gdzieś wysyłane?

Nie. Wszystko działa lokalnie w twojej przeglądarce, a nic nie jest przesyłane ani zapisywane.