Instrumente95

EDITARE / UN GHID PRACTIC PENTRU IMAGINI

Cum să compari două imagini și să găsești ce s-a schimbat

Pune două versiuni pe același cadru de referință.

Folosește Comparare imagini pentru a inspecta o pereche înainte-după cu Glisare, Alăturat, Suprapunere sau o hartă termică a diferențelor. Aliniază a doua imagine, inspectează-le pe ambele cu zoom sincronizat și exportă vizualizarea de care ai nevoie. Acest exemplu compară două revizuiri de design deținute cu statistici exacte ale pixelilor.

Urmează ghidul
IMAGINI SURSĂ REALE ȘI DESCĂRCĂRI VERIFICATE
Înainte Ambele revizuiri ale designului sursă, aranjate una lângă alta pentru acest articol.

Ambele revizuiri ale designului sursă, aranjate una lângă alta pentru acest articol.

După Harta termică exportată autentică a celor două imagini de design aliniate.

Harta termică exportată autentică a celor două imagini de design aliniate.

Ambele revizuiri ale designului sursă, aranjate una lângă alta pentru acest articol. Harta termică exportată autentică a celor două imagini de design aliniate.
Reclame
TUTORIAL VIDEO RAPID See what changed. Compare two images. Compare two design images with a swipe divider, inspect their pixel-difference heatmap and download one PNG comparison. Narațiune în engleză Urmărește videoclipul

See what changed. Compare two images.

Reclame

Folosește Comparare imagini pentru a inspecta o pereche înainte-după cu Glisare, Alăturat, Suprapunere sau o hartă termică a diferențelor. Aliniază a doua imagine, inspectează-le pe ambele cu zoom sincronizat și exportă vizualizarea de care ai nevoie. Acest exemplu compară două revizuiri de design deținute cu statistici exacte ale pixelilor. Deschide Compară imagini.

01

Încarcă două versiuni într-o ordine consecventă

Deschide Comparare imagini și alege două fișiere, sau deschide eșantionul pentru a încărca cele două revizuiri de design eșantion. A este prima imagine și B este a doua.

Prima imagine determină cadrul de comparație. Pentru exemplu, ambele surse au 1200 × 850 pixeli, deci Pixeli originali · centrați cu 100% scară a doua imagine și decalaje zero compară pozițiile corespondente fără redimensionare.

Intrările pot fi JPG, PNG, WebP, GIF sau BMP, până la 25 MB fiecare. Instrumentul acceptă exact două imagini pentru o comparație. Intrările animate folosesc primul lor cadru static.

Pentru o comparație de export corectă, folosește aceeași decupare și dimensiuni acolo unde este posibil. O imagine deplasată poate produce o diferență mare de pixeli chiar și atunci când conținutul său este neschimbat.

02

Inspectează perechea cu vizualizarea potrivită

Glisarea începe cu un separator peste imagini. Trage-l la 100% zoom vizualizator sau folosește Dezvăluire / suprapunere pentru a muta limita. Revizuirile din exemplu schimbă un titlu, un buton și mici detalii de ilustrație.

Alăturat arată ambele cadre aliniate complet unul lângă celălalt. Suprapunerea le îmbină, ceea ce poate face ca o margine deplasată să fie ușor de observat. Diferență arată o hartă termică a intensității în loc de culorile sursă.

Zoom-ul vizualizatorului variază de la 100% la 400%; trage vizualizarea mărită pentru a panorama. Ambele imagini se mișcă împreună. Zoom-ul afectează doar inspecția, deci comparația salvată include cadrul complet.

Folosește Glisare pentru o revizuire de design, Suprapunere pentru aliniere și Diferență pentru mici modificări de pixeli.

Exemplul din acest ghid

Două revizuiri de design 1200 × 850 PNG; Pixeli originali · centrați; scalare a doua imagine 100%; decalaje X/Y zero; toleranță diferență 0%; vizualizare diferență; export PNG.

Grilă comparată
1200 × 850 / 1,020,000 pixeli
Pixeli modificați
35,683 / aproximativ 3.50%
Diferență medie RGB
Aproximativ 1.08%
Ieșire
Harta termică 1200 × 850 PNG
03

Aliniază și interpretează măsurătorile

Când dimensiunile diferă, Aliniere a doua imagine oferă Pixeli originali · centrați, Încadrare în prima imagine și Umplere cadru prima imagine. Folosește scara și decalajele de pixeli pentru o ajustare mai fină. Conținutul din afara cadrului primei imagini este exclus.

Pentru această pereche, păstrează valorile implicite de pixeli originali și toleranța diferenței la 0%. Rezultatul măsurat efectiv conține 35,683 pixeli modificați din 1,020,000, aproximativ 3.50%. Diferența medie RGB este de aproximativ 1.08%.

Ponderea pixelilor modificați numără pixelii a căror cea mai mare diferență de canal RGB depășește toleranța. Diferența medie RGB măsoară schimbarea medie absolută a canalului pe toți pixelii comparați și nu dispare când crești toleranța.

Transparența este compusă peste alb. O grilă mai mare de 16 megapixeli sau 8192 pixeli pe latură este redusă și etichetată explicit ca fiind resamplată. Scalarea unei surse creează, de asemenea, măsurători resamplate. Aceste numere reprezintă comparații de pixeli, nu scoruri de calitate perceptivă.

Compresia JPEG poate modifica multe valori subtile ale pixelilor. O toleranță poate suprima acele mici modificări, dar nu poate determina dacă o revizuire a designului este mai bună.

04

Exportă o singură imagine de comparație

Selectați Diferență, alegeți PNG și selectați Start pentru exemplu. Descărcare salvează harta termică reală de 1200 × 850 afișată în comparația de mai sus.

Panoul Înainte conține ambele designuri sursă unul lângă altul; este o foaie de contact creată pentru acest articol. Panoul După este harta termică exportată autentică. Zonele întunecate indică nicio modificare peste pragul zero; zonele colorate arată diferențele.

Alte moduri de vizualizare exportă compoziția lor corespunzătoare. „Alăturat” dublează lățimea grilei, în timp ce „Glisare” și „Suprapunere” rămân un singur cadru. Grila de export este limitată la 16 megapixeli, permițând un rezultat cu două panouri de până la 32 megapixeli.

Păstrați ambele imagini originale pentru lucrări ulterioare. Rezultatul este o comparație aplatizată PNG sau JPG, nu un proiect editabil, iar zoom-ul vizualizatorului nu decupează rezultatul exportat.

Dacă aveți nevoie de o verificare exactă a identității fișierului, compararea pixelilor nu este suficientă: metadatele, codificarea și pixelii din afara cadrului măsurat pot diferi.

DETALII UTILE

Întrebări frecvente

Înseamnă 0% modificat că fișierele sunt identice?

Înseamnă că pixelii aliniați măsurați nu depășesc toleranța setată. Fișierele pot diferi în continuare prin metadate, codificare, valori RGB transparente sau conținut din afara cadrului măsurat. Folosiți toleranță zero pentru a detecta fiecare diferență RGB reprezentată.

Pot compara imagini de dimensiuni diferite?

Da. Alegeți cum se potrivește a doua imagine în primul cadru și ajustați scalarea sau decalajul. Interfața etichetează măsurătorile reeșantionate, iar tot ce este în afara primului cadru este exclus.

De ce un JPEG arată modificări când pare la fel?

Codificarea cu pierderi poate altera valorile mici ale pixelilor în întreaga imagine. Creșteți toleranța de diferență pentru a exclude diferențele mici de canal, amintindu-vă că diferența medie RGB raportează în continuare toate diferențele măsurate.

Exportul include decupajul meu cu zoom?

Nu. Zoom-ul și panoramarea vizualizatorului sunt doar pentru inspecție. Descărcarea folosește întregul cadru de comparare în vizualizarea selectată.

Diferențele de imagine sunt calculate cu AI?

Nu. Instrumentul calculează diferențele absolute de pixeli RGB în browserul tău. Nu folosește recunoaștere semantică și nu pretinde un scor de similaritate perceptivă.

Pot exporta comparația side-by-side?

Da. Alegeți „Side by side” înainte de „Start”. Exportă ambele cadre aliniate într-o singură imagine PNG sau JPG, cu lățimea grilei de comparare dublă. Zoom-ul vizualizatorului nu o decupează.

RÂNDUL TĂU

Creați propriul rezultat verificat cu atenție

Încearcă un eșantion sau folosește propriul fișier și revizuiește rezultatul înainte de a-l partaja.

Deschide Compară imagini

Detaliu imagine

Limbă38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Alege limba. Tutorialele video folosesc momentan narațiune în engleză.