Kép-összehasonlító (diff)
Két kép pixel-szintű összehasonlítása: az eltérések piros kiemeléssel, a különböző pixelek százalékával. Érzékenységi küszöb. Böngészőben, privát.
Miről szól ez az eszköz?
A kép-összehasonlító két képet vet össze pixelről pixelre, és pirossal kiemeli az eltérő területeket, plus megmutatja, a pixelek hány százaléka különbözik. Tölts fel egy „A” és egy „B” képet, állítsd az érzékenységi küszöböt, és azonnal látod a különbség-térképet. Hasznos verziók, exportok, tömörített változatok vagy tervezési iterációk összevetéséhez. Minden a böngésződben fut, a képek nem kerülnek szerverre.
Hogyan használd a(z) Kép-összehasonlító (diff)-t?
-
Két kép
Tölts fel egy A és egy B képet.
-
Küszöb
Állítsd az érzékenységi küszöböt a csúszkával.
-
Diff
Olvasd le a piros különbség-térképet és a százalékot.
-
Letöltés
Töltsd le a diff-képet, ha kell.
Mikor van rá szükséged?
-
Verzió-ellenőrzés
Egy kép két változatának összevetése – mi változott?
-
Tömörítés
Az eredeti és a tömörített kép közti eltérés vizuális ellenőrzése.
-
Tervezés
Két design-iteráció különbségeinek gyors áttekintése.
-
Regressziós teszt
Egy render vagy screenshot változásának kiszűrése két állapot között.
A diff jelölései
| Terület | Jelentés |
|---|---|
| Piros | Eltérő pixel (küszöb felett) |
| Halvány | Azonos (vagy küszöb alatti) pixel |
| Százalék | Az eltérő pixelek aránya |
Miért hasznos a kép-diff?
Két hasonló kép között szabad szemmel nehéz megtalálni az apró eltéréseket – egy elmozdult elem, egy színárnyalat-változás vagy egy tömörítési artefakt könnyen elkerüli a figyelmet. A pixel-szintű összehasonlítás ezt teszi láthatóvá: pontosan megmutatja, hol és mennyire tér el a két kép.
Ez a fejlesztésben és a tervezésben egyaránt hasznos. A fejlesztők regressziós tesztként használják (egy változtatás nem rontott-e el egy megjelenítést), a tervezők két iteráció összevetésére, a fotósok pedig a tömörítés hatásának ellenőrzésére. Az érzékenységi küszöb segít elválasztani a lényeges változásokat a jelentéktelen zajtól.
Hasznos tippek
-
A legpontosabb eredményhez azonos méretű képeket hasonlíts össze.
-
Tömörítési zaj kiszűréséhez emeld a küszöböt; apró eltérésekhez csökkentsd.
-
A piros foltok sűrűsége azonnal jelzi, hol koncentrálódik a változás.
-
Bizalmas képeket is nyugodtan összevethetsz – minden helyben marad.
Gyakori kérdések
- Az eszköz mindkét képet az A méretére igazítja, majd minden pixelnél összeveti a szín-értékeket. Ha a különbség a küszöb felett van, a pixelt pirosra festi; egyébként halványítva mutatja. A végén kiszámolja az eltérő pixelek arányát.
- A küszöb szabályozza, mekkora eltérés számítson már „különbségnek”. Alacsony küszöb a legapróbb eltéréseket is jelzi (pl. tömörítési zaj); magasabb küszöb csak a szembetűnő változásokat emeli ki.
- Az eszköz a második képet az első (A) méretére skálázza az összehasonlítás előtt. A legpontosabb eredményhez érdemes azonos méretű képeket használni.
- Az eltérő (küszöb feletti) pixelek aránya az összes pixelhez képest. 0% azonos képeket jelent (a küszöb felett); minél nagyobb a szám, annál több a különbség.
- Nem. A teljes összehasonlítás a böngésződben, canvas-szal történik – a képek nem hagyják el a gépedet.