Verktøy95

REDIGER / EN PRAKTISK BILDEGUIDE

Hvordan sammenligne to bilder og finne hva som er endret

Plasser to versjoner på samme referanseramme.

Bruk Sammenlign bilder for å inspisere et før-og-etter-par med Sveip, Side om side, Overlegg eller et differansekart. Juster det andre bildet, inspiser begge med synkronisert zoom og eksporter visningen du trenger. Dette eksemplet sammenligner to eide designrevisjoner med nøyaktig pikselstatistikk.

Følg guiden
EKTE KILDEBILDER OG VERIFISERT NEDLASTING
Før Begge faktiske kildedesignrevisjoner, arrangert side om side for denne artikkelen.

Begge faktiske kildedesignrevisjoner, arrangert side om side for denne artikkelen.

Etter Ekte eksportert varmekart av de to justerte designbildene.

Ekte eksportert varmekart av de to justerte designbildene.

Begge faktiske kildedesignrevisjoner, arrangert side om side for denne artikkelen. Ekte eksportert varmekart av de to justerte designbildene.
Annonse
RASK VIDEOVEILEDNING See what changed. Compare two images. Compare two design images with a swipe divider, inspect their pixel-difference heatmap and download one PNG comparison. Engelsk tale Se videoen

See what changed. Compare two images.

Annonse

Bruk Sammenlign bilder for å inspisere et før-og-etter-par med Sveip, Side om side, Overlegg eller et differansekart. Juster det andre bildet, inspiser begge med synkronisert zoom og eksporter visningen du trenger. Dette eksemplet sammenligner to eide designrevisjoner med nøyaktig pikselstatistikk. Åpne Sammenlign bilder.

01

Last inn to versjoner i en konsekvent rekkefølge

Åpne Sammenlign bilder og velg to filer, eller åpne eksemplet for å laste inn de to eksempel-designrevisjonene. A er det første bildet og B er det andre.

Det første bildet bestemmer sammenligningsrammen. For eksemplet er begge kildene 1200 × 850 piksler, så Originale piksler · sentrert med 100% skalering av det andre bildet og null forskyvning sammenligner samsvarende posisjoner uten endring av størrelse.

Inndata kan være JPG, PNG, WebP, GIF eller BMP, opptil 25 MB hver. Verktøyet godtar nøyaktig to bilder for en sammenligning. Animerte inndata bruker sin første stillbilde-ramme.

For en rettferdig eksportsammenligning, bruk samme beskjæring og dimensjoner der det er mulig. Et forskjøvet bilde kan produsere en stor pikselforskjell selv når innholdet er uendret.

02

Inspiser paret med riktig visning

Sveip starter med en skillelinje over bildene. Dra den ved 100% visningszoom eller bruk Vis / overlegg for å flytte grensen. Eksempelrevisjonene endrer en overskrift, en knapp og små illustrasjonsdetaljer.

Side om side viser begge fullstendige justerte rammer ved siden av hverandre. Overlegg blander dem, noe som kan gjøre en forskjøvet kant lett å få øye på. Differanse viser et intensitetsvarmekart i stedet for kilde-fargene.

Visningszoom varierer fra 100% til 400%; dra den forstørrede visningen for å panorere. Begge bildene beveger seg sammen. Zoomen påvirker kun inspeksjonen, så den lagrede sammenligningen inkluderer fortsatt hele rammen.

Bruk Sveip for en designgjennomgang, Overlegg for justering og Differanse for små pikselendringer.

Eksempelet i denne veiledningen

To 1200 × 850 PNG designrevisjoner; Originale piksler · sentrert; 100% andre-bilde-skala; null X/Y-forskyvninger; Forskjelltoleranse 0%; Forskjellsvisning; PNG-eksport.

Sammenlignet rutenett
1200 × 850 / 1,020,000 piksler
Endrede piksler
35,683 / omtrent 3.50%
Gjennomsnittlig RGB forskjell
Omtrent 1.08%
Utdata
1200 × 850 PNG varmekart
03

Juster og tolk målingene

Når størrelsene er forskjellige, tilbyr Justering av bilde to Originale piksler · sentrert, Tilpass inne i første bilde og Fyll første bilderamme. Bruk skalering og pikselforskyvninger for finere justering. Innhold utenfor det første bildets ramme ekskluderes.

For dette paret, behold standardinnstillingene for originale piksler og differansetoleranse på 0%. Det faktiske målte resultatet inneholder 35,683 endrede piksler av 1,020,000, omtrent 3.50%. Gjennomsnittlig RGB-differanse er omtrent 1.08%.

Andel endrede piksler teller piksler hvis største RGB-kanaldifferanse overstiger toleransen. Gjennomsnittlig RGB-differanse måler den gjennomsnittlige absolutte kanalendringen på tvers av alle sammenlignede piksler og forsvinner ikke når du øker toleransen.

Gjennomsiktighet blir satt sammen over hvitt. Et rutenett som er større enn 16 megapiksler eller 8192 piksler per side blir redusert og eksplisitt merket som resamplet. Skalering av en kilde skaper også resamplede målinger. Disse tallene er piksel-sammenligninger, ikke perseptuelle kvalitetsvurderinger.

JPEG-komprimering kan endre mange subtile pikselverdier. En toleranse kan undertrykke disse små endringene, men den kan ikke avgjøre om en designrevisjon er bedre.

04

Eksporter et enkelt sammenligningsbilde

Velg Difference, velg PNG og velg Start for eksempelet. Download lagrer det faktiske 1200 × 850 varmekartet som vises i sammenligningen ovenfor.

Før-panelet inneholder begge kildedesignene side om side; det er et kontaktark laget for denne artikkelen. Etter-panelet er det ekte eksporterte varmekartet. Mørke områder indikerer ingen endring over null-terskelen; fargede områder viser forskjeller.

Andre visningsmoduser eksporterer sin samsvarende komposisjon. Side om side dobler rutenettets bredde, mens Swipe og Overlay forblir en enkelt ramme. Eksportrutenettet er begrenset til 16 megapiksler, noe som tillater et to-panels resultat på opptil 32 megapiksler.

Behold begge originalbildene for videre arbeid. Utdataene er en flatet PNG eller JPG-sammenligning i stedet for et redigerbart prosjekt, og zoom i visningsprogrammet beskjærer ikke det eksporterte resultatet.

Hvis du trenger en nøyaktig filidentitetssjekk, er piksel-sammenligning ikke tilstrekkelig: metadata, koding og piksler utenfor den målte rammen kan variere.

NYTTIGE DETALJER

Vanlige spørsmål

Betyr 0% endring at filene er identiske?

Det betyr at de målte justerte pikslene ikke overstiger toleransen din. Filer kan fortsatt variere i metadata, koding, gjennomsiktige RGB-verdier eller innhold utenfor den målte rammen. Bruk nulltoleranse for å oppdage hver representerte RGB-forskjell.

Kan jeg sammenligne ulike bildestørrelser?

Ja. Velg hvordan det andre bildet skal passe i den første rammen og juster skalering eller forskyvning. Grensesnittet merker resamplede målinger, og alt utenfor den første rammen ekskluderes.

Hvorfor viser en JPEG endringer når det ser likt ut?

Tapskoding kan endre små pikselverdier over hele bildet. Øk differansetoleransen for å ekskludere små kanalforskjeller, mens du husker at gjennomsnittlig RGB-forskjell fortsatt rapporterer alle målte forskjeller.

Inkluderer eksporten min innzoomede beskjæring?

Nei. Visningszoom og panorering er kun for inspeksjon. Nedlastingen bruker hele sammenligningsrammen i den valgte visningen.

Er bildeforskjeller beregnet med AI?

Nei. Verktøyet beregner absolutte RGB-pikslerforskjeller i nettleseren din. Det bruker ikke semantisk gjenkjenning eller hevder å gi en perseptuell likhetsskåre.

Kan jeg eksportere sammenligningen side om side?

Ja. Velg Side om side før Start. Den eksporterer begge justerte rammer til ett PNG eller JPG-bilde, med dobbel bredde på sammenligningsrutenettet. Visningszoom beskjærer det ikke.

DIN TUR

Lag ditt eget nøye kontrollerte resultat

Prøv et eksempel eller bruk din egen fil, og gå gjennom resultatet før du deler.

Åpne Sammenlign bilder

Bildedetaljer

Språk38

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

Velg språk. Videoveiledninger bruker for øyeblikket engelsk tale.