Responsive Screenshot Difference Board
Compare same-size screenshots across releases; mask intended dynamic regions.
Compare two same-size PNG/JPEG screenshots pixel by pixel; mask intended dynamic rectangles and export a PNG heatmap.
Using Responsive Screenshot Difference Board
Compare same-size screenshots across releases; mask intended dynamic regions.
- Start with Try worked example. Or open supported local evidence. Exactly two same-size screenshots, old first; up to four million pixels each. Mask coordinates are source pixels.
- Use Details & settings to adjust the declared inputs, thresholds or component content. Review cards retain source evidence and any supported manual decisions.
- Open Preview for the actual analysis or interactive component. Test keyboard behavior and narrow layouts before relying on generated UI.
- Use Export for task artifacts and the complete workflow ZIP. Save review retains settings/decisions and source fingerprints; file-based projects need the original sources to reopen.
Example
The tailored example for Responsive Screenshot Difference Board demonstrates Compare two same-size PNG/JPEG screenshots pixel by pixel; mask intended dynamic rectangles and export a PNG heatmap.
Questions & answers
What does Responsive Screenshot Difference Board support?
Compare two same-size PNG/JPEG screenshots pixel by pixel; mask intended dynamic rectangles and export a PNG heatmap.
What input should I use?
Exactly two same-size screenshots, old first; up to four million pixels each. Mask coordinates are source pixels.
What can I download?
Use the Export tab for task-specific artifacts, typed JSON, CSV and a workflow ZIP. Supported artifacts can include compressed files, reviewed CSS, source-position evidence, screenshot PNGs or qualified review reports.
Does this run a live website audit or deploy changes?
No. Performance diagnostics use imported evidence, explicit simulations or selected local bytes. Builders export code for you to review and integrate. No URLs are crawled, no service worker is installed and nothing is deployed. Public pages retain approved ads and optional consent-based analytics.
Related tools
A useful next step for your task.
Developer & DataHAR Network AnalyzerInspect a local HAR capture with request filters, timing waterfalls, status and domain summaries, request details, CSV exports and a minimized…
Developer & DataWeb App Manifest InspectorReview web-app names, start URLs, scopes, icons and display settings with resolved paths.
Developer & DataCSS Coverage Cleanup PlannerReview CSS coverage across multiple runs, inspect unused rule candidates, preview staged removals and export original/proposed CSS with a decision…
Developer & DataLayout Shift Evidence ExplorerReview layout-shift recordings with visual session windows, moved-element diagrams and repair notes. Inspect recent-input exclusions and export a…
Help improve this tool
Report a problem or suggest an improvement
Describe the issue without pasting private tool input. Feedback goes to our admin inbox.