Everything you need to detect changes
Six powerful features working together to give you complete visibility into website changes.
Pixel-Level Diff Highlighting
See exactly which pixels changed between screenshots. Red overlay shows removed content, green shows additions. Semi-transparent overlays keep the original content visible beneath.
Ignore Regions Editor
Draw rectangles on your screenshot to exclude dynamic areas like ads, timestamps, and rotating banners. Use CSS selectors or pixel coordinates. Up to 20 regions per monitor.
Mobile Viewport Monitoring
Monitor the same URL at both desktop (1440px) and mobile (375px) viewports. Independent change detection for each — catch responsive design breakages before your users do.
Text Content Diff
See exactly what text was added, removed, or modified alongside visual changes. Side-by-side or inline view with syntax highlighting. Know if a change is visual-only or content-related.
Slack Block Kit Alerts
Rich Slack notifications with Block Kit formatting. See the composite before/after image directly in your channel. Per-monitor or global webhook configuration. One-click to view details.
Custom Headers & Authentication
Monitor password-protected pages and header-restricted content. Add up to 10 custom HTTP headers and basic auth credentials. All values encrypted at rest with Laravel's encryption.
Developer-friendly integrations
Rich Slack notifications and webhook payloads with all the data you need to automate your workflow.
Up and running in 3 steps
Start monitoring visual changes in under a minute.
Create a monitor
Enter the URL you want to monitor. Set your check interval, diff threshold, and notification preferences. Enable mobile viewport if needed.
Configure detection
Define ignore regions to exclude dynamic content. Add custom headers for protected pages. Choose your alert channels — email, Telegram, Slack, or webhook.
Get pixel-level alerts
When a change is detected, you get an instant alert with the exact diff percentage, a composite before/after image, and a text diff showing what content changed.
Visual Monitoring Capabilities
Pixel-Level Diff
Detect visual changes at the pixel level with overlay highlighting and percentage thresholds.
Ignore Regions
Exclude dynamic areas like ads and timestamps to reduce false positive alerts.
Mobile Monitoring
Monitor pages at mobile viewport widths to catch responsive design regressions.
Text Diff
Track text content changes with line-by-line comparison and highlighted differences.
Slack Alerts
Get Slack notifications with diff images when visual changes are detected.
Custom Auth
Monitor password-protected pages with basic auth, cookies, and custom headers.
Frequently Asked Questions
Everything you need to know about Visual Monitor V2.
Visual monitoring automatically takes screenshots of your websites and detects when they change. Using perceptual hashing (pHash), it identifies meaningful visual changes while ignoring minor pixel differences like anti-aliasing or compression artifacts.
When a change is detected, the system generates a diff overlay image showing exactly which pixels changed. Red overlay indicates removed content, green overlay indicates additions. The overlay is semi-transparent so you can still see the original page content beneath.
You can define areas of a page to exclude from comparison using a visual editor (draw rectangles) or CSS selectors. This prevents dynamic content like ads, timestamps, and rotating banners from triggering false alerts. Up to 20 regions per monitor.
You can monitor the same URL at both desktop (1440px) and mobile (375px) viewport widths simultaneously. Each viewport has independent change detection — a desktop change won't affect mobile tracking and vice versa.
Alongside the visual screenshot, the system extracts the visible text content of the page. When a change is detected, it computes a line-by-line text diff showing additions, deletions, and unchanged content — similar to a Git diff.
Email, Telegram, Slack (with Block Kit formatting and composite images), and custom webhooks. You can configure a Slack webhook per monitor or set a global webhook for all monitors.
Yes. You can add custom HTTP headers (up to 10) and basic authentication credentials. All sensitive values are encrypted at rest using Laravel's encryption. Headers are decrypted only when sending the request to the screenshot worker.
Depending on your plan: every 24 hours (Free), every hour (Pro), or every 15 minutes (Business). Mobile and desktop viewports are checked independently at the same interval.
A shareable side-by-side image showing before and after screenshots with highlighted change areas. It includes a header bar with the monitor name, URL, diff percentage, and timestamp. Stored on CDN — no authentication required to view.
Yes, the free plan never expires. Monitor 1 URL with 24-hour checks, email alerts, and perceptual hashing at no cost, forever. No credit card required.
Smart storage only saves screenshots when changes exceed your threshold. This typically reduces storage by 80-90% compared to storing every screenshot. The system keeps the last 30 detected changes per monitor.
Yes. Webhook notifications send a JSON payload with all change data including diff percentage, viewport, image URLs, and text diff stats. You can use this to trigger custom workflows, update dashboards, or feed into other monitoring systems.
Explore Visual Monitoring Features