Webpage Image Analysis for Display Abnormality Detection
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Modern webpages generated from multiple sources often suffer from display abnormalities due to mismatches between source data and presentation instructions, making quality control difficult, as these errors can result in blank fields, incorrect spacing, and other visual irregularities that are hard to detect and fix.
Innovation Solution
A method that uses image analysis to identify and detect visible abnormalities on webpages by converting specific features into digital images, comparing them against established patterns to determine if they fall outside a normal range, and generating notifications for system administrators when anomalies are found, thereby improving computing accuracy and quality control.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Measurement precision
If manual quality control methods are used to check webpage content, then human reviewers can identify display abnormalities, but the process becomes time-consuming and impractical for dynamic webpages with limitless variations
Solution Approach 1:
The patent replaces manual visual inspection (mechanical human review process) with an automated image analysis system that captures webpage screenshots and compares them against reference images using pixel-level difference analysis, thereby eliminating time-consuming manual review while maintaining detection accuracy
Solution Approach 2:
The patent creates digital copies (screenshots) of webpage content and compares these copies against reference images to detect abnormalities, enabling automated quality control without requiring original human review of each dynamic webpage variation
2Productivity
If automated image analysis is used to detect webpage abnormalities, then quality control speed improves, but the system complexity increases due to multiple processing components
Solution Approach 1:
The patent employs a multi-functional quality control system where a single processing component performs multiple tasks: capturing screenshots, comparing images against references, detecting abnormalities, and generating alerts, thereby achieving high productivity through one versatile system rather than multiple separate tools
3Measurement precision
If comprehensive image analysis is performed on all webpage features, then detection accuracy improves, but processing time and computational resources increase
Solution Approach 1:
The patent divides the webpage into multiple discrete features (search results, advertisements, navigation elements) and analyzes each feature separately by capturing and comparing corresponding image regions, enabling comprehensive detection accuracy while reducing overall processing time through parallelizable independent analysis
Data Source
Figure 1
Figure 2
Figure 3~4
AI summary
Aspects of the technology described herein detect visible abnormalities within a webpage or other document. The technology improves computing accuracy by identifying data and/or programing errors that cause the abnormalities. The abnormalities are detected through image analysis of portions of a document. Initially, a portion of a webpage associated with a particular feature is identified and then converted to a digital image. The digital image can capture the website as it would appear to a user viewing the website, for example, in a web browser application. The image is then analyzed against an established feature-pattern for the feature to determine whether the image falls outside of a normal range. When the image of a portion of the webpage falls outside of the normal range, a notification can be communicated to a person associated with the webpage, such as a system administrator.