Visual Scanner

Automatically scans URLs at scheduled intervals to spot visual defects at scale.

Visual scanning refers to the process of continuously observing and analyzing visual elements of a system, an application, or a website. This is to detect and address any issues related to the user interface, design, or appearance. It conducts quick checks by specifying the URLs you want to assess, and schedules routine visual scans to stay ahead of any bugs.

This feature ensures brand and design consistency by maintaining uniformity in all brand elements and design aspects of your website.

Benefits of visual scanner

• Visual Bug and Regression Detection: Set up your URLs or websites for comprehensive visual scanning to identify unintended changes and facilitate early bug detection within the staging and production environment.
• Periodic scans: Lets you schedule your scans periodically or trigger them on demand to maintain up-to-date insights.
• No Code Changes or Installation: Implement visual scanning without modifying code or installing additional software.
• Time Efficient: Reduce time spent on validating UI elements by approximately 50%.
• Review and Update Baselines: Examine scan results before deployment and update baselines for continuous improvement.
• Cross-Browser and Device Detection: Identify visual bugs across multiple browsers and screen widths. Learn more
• Ignore Dynamic Content: Focus scans on specific areas and bypass irrelevant regions.Learn more
• CI Integration: Integrate seamlessly with your continuous integration pipeline. Learn more

Next steps

To start with visual scanning, sign in to Percy and select Visual scanner. Click the New Scan to launch the create a new scan window, schedule a scan and view results.

To create a new scan, you can add pages using one of the following options:

• Create a scan via sitemap
• Create a scan by manually adding the URLs