Gebruik Afbeeldingen vergelijken om een voor-en-na-paar te inspecteren met Veeg, Zij aan zij, Overlay of een verschil-heatmap. Lijn de tweede afbeelding uit, inspecteer beide met gesynchroniseerde zoom en exporteer de weergave die u nodig hebt. Dit voorbeeld vergelijkt twee eigen ontwerpversies met exacte pixelstatistieken. Open Afbeeldingen Vergelijken.
Laad twee versies in een consistente volgorde
Open Afbeeldingen vergelijken en kies twee bestanden, of open het voorbeeld om de twee voorbeeldontwerpversies te laden. A is de eerste afbeelding en B is de tweede.
De eerste afbeelding bepaalt het vergelijkingskader. Voor het voorbeeld zijn beide bronnen 1200 × 850 pixels, dus Originele pixels · gecentreerd met 100% schaal van de tweede afbeelding en nul offsets vergelijkt overeenkomende posities zonder het formaat te wijzigen.
Invoer kan JPG, PNG, WebP, GIF of BMP zijn, tot 25 MB per stuk. De tool accepteert precies twee afbeeldingen voor een vergelijking. Geanimeerde invoer gebruikt hun eerste stilstaande frame.
Gebruik voor een eerlijke exportvergelijking waar mogelijk dezelfde uitsnede en afmetingen. Een verschoven afbeelding kan een groot pixelverschil produceren, zelfs als de inhoud ongewijzigd is.
Inspecteer het paar met de juiste weergave
Veeg begint met een verdeler over de afbeeldingen. Sleep deze bij 100% zoom van de kijker of gebruik Onthullen / overlay om de grens te verplaatsen. De voorbeeldversies wijzigen een koptekst, een knop en kleine illustratiedetails.
Zij aan zij toont beide volledig uitgelijnde frames naast elkaar. Overlay mengt ze, wat een verschoven rand gemakkelijk zichtbaar kan maken. Verschil toont een intensiteits-heatmap in plaats van de bronkleuren.
Zoom van de kijker varieert van 100% tot 400%; sleep de vergrote weergave om te pannen. Beide afbeeldingen bewegen samen. De zoom heeft alleen invloed op de inspectie, dus de opgeslagen vergelijking bevat nog steeds het volledige frame.
Gebruik Veeg voor een ontwerpbeoordeling, Overlay voor uitlijning en Verschil voor kleine pixelwijzigingen.
Het voorbeeld in deze handleiding
Twee 1200 × 850 PNG ontwerprevisies; Originele pixels · gecentreerd; 100% schaal tweede afbeelding; nul X/Y-offsets; Verschiltolerantie 0%; Verschilweergave; PNG export.
- Vergeleken raster
- 1200 × 850 / 1,020,000 pixels
- Gewijzigde pixels
- 35,683 / ongeveer 3.50%
- Gemiddeld RGB verschil
- Ongeveer 1.08%
- Output
- 1200 × 850 PNG heatmap
Lijn de metingen uit en interpreteer ze
Wanneer formaten verschillen, biedt Uitlijning tweede afbeelding Originele pixels · gecentreerd, Passend in eerste afbeelding en Frame van eerste afbeelding vullen. Gebruik schaal en pixel-offsets voor fijnere aanpassing. Inhoud buiten het frame van de eerste afbeelding wordt uitgesloten.
Houd voor dit paar de standaardinstellingen voor originele pixels en de verschil-tolerantie op 0%. Het werkelijk gemeten resultaat bevat 35,683 gewijzigde pixels van de 1,020,000, ongeveer 3.50%. Gemiddeld RGB verschil is ongeveer 1.08%.
Het aandeel gewijzigde pixels telt pixels waarvan het grootste RGB kanaalverschil de tolerantie overschrijdt. Gemiddeld RGB verschil meet de gemiddelde absolute kanaalwijziging over alle vergeleken pixels en verdwijnt niet wanneer u de tolerantie verhoogt.
Transparantie wordt samengesteld over wit. Een raster groter dan 16 megapixels of 8192 pixels per zijde wordt verkleind en expliciet gelabeld als geresampled. Het schalen van een bron creëert ook geresamplede metingen. Deze getallen zijn pixelvergelijkingen, geen perceptuele kwaliteitsscores.
JPEG-compressie kan veel subtiele pixelwaarden veranderen. Een tolerantie kan die kleine wijzigingen onderdrukken, maar het kan niet bepalen of een ontwerpwijziging beter is.
Exporteer een enkele vergelijkingsafbeelding
Selecteer Verschil, kies PNG en selecteer Start voor het voorbeeld. Download slaat de daadwerkelijke 1200 × 850 heatmap op die in de bovenstaande vergelijking wordt getoond.
Het paneel Voor bevat beide bronontwerpen naast elkaar; het is een contactafdruk gemaakt voor dit artikel. Het paneel Na is de echte geëxporteerde heatmap. Donkere gebieden duiden op geen verandering boven de nul-drempel; gekleurde gebieden tonen verschillen.
Andere weergavemodi exporteren hun bijbehorende compositie. Zij aan zij verdubbelt de rasterbreedte, terwijl Swipe en Overlay één frame blijven. Het exportraster is begrensd tot 16 megapixels, wat een resultaat met twee panelen tot 32 megapixels mogelijk maakt.
Bewaar beide originele afbeeldingen voor verder werk. De uitvoer is een platgeslagen PNG of JPG-vergelijking in plaats van een bewerkbaar project, en inzoomen in de viewer snijdt het geëxporteerde resultaat niet bij.
Als u een exacte bestandsidentiteitscontrole nodig heeft, is pixelvergelijking niet voldoende: metadata, codering en pixels buiten het gemeten frame kunnen verschillen.
Veelgestelde vragen
Betekent 0% gewijzigd dat de bestanden identiek zijn?
Het betekent dat de gemeten uitgelijnde pixels uw tolerantie niet overschrijden. Bestanden kunnen nog steeds verschillen in metadata, codering, transparante RGB waarden of inhoud buiten het gemeten kader. Gebruik nul-tolerantie om elk weergegeven RGB verschil te detecteren.
Kan ik afbeeldingen van verschillende groottes vergelijken?
Ja. Kies hoe de tweede afbeelding in het eerste kader past en pas de schaling of verschuiving aan. De interface labelt geresamplede metingen en alles buiten het eerste kader wordt uitgesloten.
Waarom toont een JPEG wijzigingen terwijl het er hetzelfde uitziet?
Lossy codering kan kleine pixelwaarden over de hele afbeelding veranderen. Verhoog de tolerantie voor verschillen om kleine kanaalverschillen uit te sluiten, terwijl u onthoudt dat het gemiddelde RGB verschil nog steeds alle gemeten verschillen rapporteert.
Bevat de export mijn ingezoomde uitsnede?
Nee. Viewer-zoom en pan zijn alleen voor inspectie. De download gebruikt het volledige vergelijkingskader in de geselecteerde weergave.
Worden afbeeldingsverschillen berekend met AI?
Nee. De tool berekent absolute RGB pixelverschillen in uw browser. Het gebruikt geen semantische herkenning en claimt geen perceptuele gelijkenisscore.
Kan ik de zij-aan-zij vergelijking exporteren?
Ja. Kies 'Zij-aan-zij' vóór 'Start'. Het exporteert beide uitgelijnde kaders naar één PNG of JPG afbeelding, met tweemaal de breedte van het vergelijkingsraster. Viewer-zoom snijdt dit niet bij.
Maak uw eigen zorgvuldig gecontroleerde resultaat
Probeer een voorbeeld of gebruik je eigen bestand en bekijk het resultaat voordat je het deelt.
