Przejdź do treści
Bezpłatne narzędzie

Porównaj obrazy

Porównaj dwa obrazy online za pomocą suwaka przed i po, w widoku obok siebie, jako nałożone obrazy lub jako obraz różnicowy, który oznacza i zlicza każdy zmieniony piksel. W przykładzie z paczką tekstur to 736 z 9000 pikseli (8,18 %). Za darmo, bez rejestracji i przesyłania plików: Twoje obrazy pozostają w Twojej przeglądarce.

Autor: Justin Schuessler

Budujesz właśnie coś własnego? Możesz hostować to na serwerze VPS z pełną kontrolą.

Przed

Po

Obrazy pozostają w Twojej przeglądarce. Nic nie jest przesyłane.

Prześlij obraz „Przed” i obraz „Po”. Następnie porównaj je za pomocą suwaka, obok siebie, przez przenikanie lub jako obraz różnicowy pokazujący każdy zmieniony piksel.

Przykładowy wynik

Co pokaże Ci porównanie obrazów

Prześlij obraz przed zmianą i po zmianie. Suwak, widok obok siebie i przenikanie pozwalają zobaczyć różnice, a tryb różnicowy zaznacza i zlicza każdy zmieniony piksel. Przykład z obrazami dostępnymi w narzędziu:

Przykład: jesienna paczka tekstur a oryginał

Dane wejściowe:

Dwa krajobrazy pixel art o wymiarach 120 × 75 pikseli. Na obrazie „Po” trawa i liście mają inne kolory, a na łące pojawił się nowy kwiat. Tryb „Różnice”, próg 5 %.
Przed
Po
Różnica

Wynik:

Wynik trybu różnicowego w przykładzie
Zmienione piksele736 z 9000 pikseli
Udział8,18 %
PobierzObraz różnicowy jako PNG w pełnej rozdzielczości

Niebo, słońce, ziemia i kamień są takie same na obu obrazach, więc na obrazie różnicowym widać je w ciemnych odcieniach szarości. Na czerwono świeci się tylko to, co rzeczywiście zmienia paczka tekstur. Twój wynik zależy oczywiście od twoich obrazów.

Jak to działa

Jak porównać dwa obrazy

Cztery kroki od zrzutu ekranu do gotowego porównania — bez konta i przesyłania plików.

Krok 1

Wczytaj obrazy

Przeciągnij obrazy „Przed” i „Po” do obu pól, wybierz pliki lub wklej zrzuty ekranu skrótem Ctrl+V. Kliknij „Zamień”, aby zamienić obrazy miejscami. Obrazy są otwierane tylko w Twojej przeglądarce.

Krok 2

Wybierz tryb

Suwak, obok siebie, przenikanie lub różnice. W trybie suwaka przesuwasz linię podziału w pionie lub poziomie, przy przenikaniu ustawiasz krycie, a w trybie różnic — próg i kolor.

Krok 3

Powiększ i porównaj

Powiększaj przyciskami plus i minus, skrótem Ctrl+kółko myszy lub dwoma palcami do 3200 % i przesuwaj powiększony obraz przez przeciąganie. „1:1” pokazuje każdy piksel w oryginalnym rozmiarze, z ostrymi krawędziami od 100 %. „Dopasuj” ponownie pokazuje cały obraz.

Krok 4

Zapisz wynik

Pobierz obraz przed i po, widok obok siebie, nałożone obrazy lub obraz różnicowy jako PNG w pełnej rozdzielczości. W trybie suwaka i widoku obok siebie możesz dodać podpisy „Przed” i „Po”.

Eksport do PNG

Utwórz i zapisz obraz przed i po

Każdy tryb ma osobną opcję pobierania. Plik PNG powstaje w pełnej rozdzielczości w Twojej przeglądarce, bez przesyłania plików i bez znaku wodnego.

Obraz przed i po

W trybie suwaka pobrany obraz jest podzielony dokładnie tam, gdzie znajduje się linia podziału. Plik PNG pokazuje tę linię oraz opcjonalnie podpisy „Przed” i „Po”.

Dwa obrazy obok siebie

Tryb „Obok siebie” umieszcza oba obrazy w jednym pliku, opcjonalnie z podpisami. Jeśli obraz byłby zbyt szeroki dla Twojej przeglądarki, narzędzie umieści obrazy jeden pod drugim. Zawsze są to dokładnie dwa obrazy — szablonów kolaży nie ma.

Nakładanie obrazów

Oba obrazy nałożone na siebie, z przezroczystością obrazu „Po” ustawioną suwakiem.

Obraz różnicowy

Zmienione piksele w wybranym przez Ciebie kolorze na przyciemnionej, szarej wersji obrazu „Przed”, w pełnej rozdzielczości porównania.

Obraz różnicowy i eksport do PNG obsługują do 40 megapikseli na obraz, a na iPhonie i iPadzie mniej ze względu na niższy limit rozmiaru obszaru roboczego.

Zastosowania

Do czego możesz użyć porównywarki obrazów

Od paczek shaderów po testy kompresji — wszędzie tam, gdzie chcesz zestawić dwie wersje tego samego obrazu.

Shadery i paczki tekstur w Minecraft

Zrób zrzut ekranu raz z shaderami lub Resource Packiem, a raz bez nich. Suwak pozwala bezpośrednio porównać oświetlenie, wodę i cienie, a powiększenie 1:1 i wyraźne krawędzie pikseli — także poszczególne tekstury 16 × 16.

Mody graficzne i tekstury do FiveM

Porównaj tekstury pojazdów, presety ReShade lub Mody map na swoim serwerze FiveM. Tryb różnic pokaże, które obszary nowa tekstura naprawdę zmienia.

Testuj ustawienia grafiki

Niskie ustawienia kontra ultra, DLSS kontra FSR, wygładzanie krawędzi włączone lub wyłączone: dwa zrzuty tej samej sceny pokażą, czy wymagające ustawienie daje widoczną różnicę.

Mody przed zmianą i po zmianie

Mod oświetlenia, HUD-u czy aktualizacja mapy: dzięki przenikaniu możesz płynnie przechodzić między oryginałem a wersją z Modem i dostrzec nawet drobne zmiany.

Sprawdź straty wynikające z kompresji

Prześlij oryginał i wersję skompresowaną. Przy progu 0 % tryb różnicowy pokazuje każdy zmieniony piksel, a przy niewielkiej tolerancji — tylko widoczne artefakty.

Zmiany interfejsu i wyglądu

Porównaj dwie wersje strony internetowej, menu serwera lub banera Discorda. Przesunięte elementy i zmienione kolory od razu widać na obrazie różnicowym.

Obrazy są za duże, by szybko je porównać? Zmniejsz za pomocą kompresora obrazów

Cztery tryby

Który tryb wybrać do porównania?

Suwak

Linia podziału pokazuje obraz przed zmianą po lewej lub u góry, a obraz po zmianie po prawej lub na dole. Idealna do porównywania oświetlenia, kolorów i ostrości. Możesz ustawić ją pionowo lub poziomo i sterować myszą, dotykiem albo klawiszami strzałek.

Obok siebie

Dwa okna ze zsynchronizowanym powiększaniem i przesuwaniem. Przydatne, gdy chcesz widzieć oba obrazy w całości. Na telefonie okna są jedno pod drugim.

Przenikanie

Obraz po zmianie nakłada się na obraz przed zmianą z regulowaną przezroczystością. Powolne przenikanie pozwala dostrzec przesunięte lub nieznacznie zmienione obszary.

Różnica

Każdy zmieniony piksel zostaje zaznaczony wybranym przez ciebie kolorem i zliczony. Próg pozwala pominąć drobne różnice, takie jak szum JPEG. Obraz różnicowy możesz pobrać jako PNG.

Odkryj więcej

Więcej narzędzi

Porównywanie tekstów online (Diff Checker)

Porównywanie tekstów online: Porównaj dwa teksty, konfiguracje lub wersje kodu, zobacz różnice w poszczególnych wierszach i słowach oraz skopiuj wynik jako Unified Diff. Wszystko działa w przeglądarce.

Autor: Dimitri Heissler

Kompresuj i zmniejszaj obrazy

Kompresowanie i zmniejszanie obrazów online: zmniejszanie plików JPG, PNG i WebP do docelowego rozmiaru w KB lub konwersja, np. PNG na JPG. Wszystko odbywa się w przeglądarce.

Autor: Dimitri Heissler

Przycinanie obrazów (Image Cropper)

Nowy

Przycinaj obrazy dowolnie, do koła lub do ustalonych formatów, takich jak miniatura YouTube, baner Discord, relacja na Instagramie czy nagłówek X. Precyzja co do piksela, zapis jako PNG, JPG lub WebP. Działa w całości w przeglądarce.

Autor: Luca Stanek

Sprite Sheet Cutter & Splitter

Nowy

Podziel arkusze sprite’ów na pojedyncze klatki w przeglądarce: siatka według kolumn i wierszy lub rozmiaru sprite’a, przesunięcie i odstępy, podgląd animacji, klatki GIF oraz pobieranie w formacie PNG lub ZIP.

Autor: Justin Schuessler

Symulator daltonizmu

Zobacz na żywo, jak palety kolorów i własne obrazy są postrzegane przy protanopii, deuteranopii, tritanopii i achromatopsji — wszystko obliczane w przeglądarce.

Autor: Justin Schuessler

Próbnik kolorów z obrazu

Odczytaj kod koloru z obrazu: próbnik z lupą, HEX, RGB i HSL, paleta kolorów obrazu oraz wskazówka dotycząca kontrastu. Obraz pozostaje w przeglądarce.

Autor: Dimitri Heissler

FAQ

Często zadawane pytania

Krótkie odpowiedzi o porównywaniu obrazów, formatach, rozmiarach i prywatności.

Przeciągnij obrazy „Przed” i „Po” do obu pól, wybierz pliki lub wklej zrzuty ekranu skrótem Ctrl+V. Następnie wybierz tryb: „Suwak” z linią podziału, „Obok siebie”, „Nakładanie” lub „Różnice”. Aby przetestować narzędzie, kliknij „Wypróbuj na przykładowych obrazach” — załaduje ono dwa gotowe obrazy.

Nie. Oba obrazy są otwierane tylko w Twojej przeglądarce, a różnice oblicza Web Worker w tej samej karcie. Nie ma przesyłania plików, serwera ani linku do udostępniania. Narzędzie zapisuje w adresie jedynie ustawienia, takie jak tryb, kierunek i próg — nigdy zawartość obrazów.

Wczytaj oba obrazy, wybierz „Suwak” i ustaw linię podziału w wybranym miejscu. „Pobierz obraz przed i po” zapisuje plik PNG w pełnej rozdzielczości z linią podziału i opcjonalnymi podpisami „Przed” i „Po”. W trybie „Obok siebie” otrzymasz oba obrazy obok siebie w jednym pliku.

Wybierz tryb „Różnice”. Oznacza on każdy zmieniony piksel wybranym przez Ciebie kolorem oraz podaje liczbę i udział zmian. Próg określa, jak bardzo musi zmienić się piksel, aby został policzony: od 0 do 50 % zakresu kolorów, domyślnie 5 %. Jeśli tryb oznacza zmiany, których nie widzisz, zwykle wynika to z kompresji stratnej (JPG, WebP), skalowania, profili kolorów lub przesunięcia o jeden piksel. Zwiększ wtedy próg albo porównaj bezstratne zrzuty ekranu w formacie PNG.

JPG, PNG, WebP, AVIF i GIF — w przypadku animowanych GIF-ów używana jest pierwsza klatka. Narzędzie nie obsługuje plików HEIC; najpierw wyeksportuj je jako JPG. Plik może mieć maksymalnie 40 MB. Suwak, widok obok siebie i nakładanie obrazów działają również z bardzo dużymi obrazami. Obraz różnicowy i eksport do PNG obsługują do 40 megapikseli na obraz, a na iPhonie i iPadzie do 16,7 megapikseli. Po przekroczeniu limitu narzędzie wyświetli informację zamiast zawiesić kartę.

Narzędzie pokazuje rozdzielczość obu obrazów, a Ty wybierasz: „Skaluj obraz Po do obrazu Przed” (domyślnie) rozciąga obraz Po do rozmiaru obrazu Przed — to dobre rozwiązanie dla zrzutów w różnych rozdzielczościach. „Wyrównaj do lewego górnego rogu” nakłada oba obrazy bez rozciągania — przydatne, gdy jeden obraz został tylko przycięty lub rozszerzony. Jeśli proporcje obrazów się różnią, narzędzie ostrzega o zniekształceniu podczas skalowania.

Tak, bezpośrednio w przeglądarce, bez aplikacji. Przesuwasz linię podziału palcem, powiększasz dwoma palcami i przeciągasz powiększony obraz. W trybie „Obok siebie” na telefonie oba widoki znajdują się jeden pod drugim. Obrazy wybierasz z plików na telefonie.

Nie. Narzędzie porównuje wartości kolorów obu obrazów piksel po pikselu z regulowanym progiem. Nie korzysta ze sztucznej inteligencji, nie rozpoznaje twarzy ani obiektów i nie szuka podobnych obrazów w internecie. Pokazuje dokładnie, gdzie różnią się Twoje dwa obrazy.

Masz dodatkowe pytania?

Kontakt z pomocą techniczną
Tworzysz właśnie coś własnego?

Testuj Mody, shadery i tekstury na serwerze tylko dla siebie

VPS ZAP-Hosting zapewni niezawodną dostępność Twojego serwera gry, strony internetowej lub projektu.

4,4/5 Trustpilot32.000+ Aktywne serweryOd 2010 roku

Bez konfiguracji. Bez ryzyka. Online w kilka sekund.

Elastyczny okres obowiązywaniaAnuluj w dowolnym momencieOnline w 60 sekund

Szukasz więcej narzędzi? Zobacz wszystkie narzędzia do grafiki i projektowania