Webpage Image Generation Using Nested Circumscribed Frames

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing technologies fail to accurately represent the spatial relationship between materials extracted from webpages, leading to a lack of reflection of this relationship in generated images.

Innovation Solution

The method involves acquiring a screenshot of a webpage, recognizing connection areas, generating first and second circumscribed rectangular frames based on these areas, and combining them to represent nested relationships, which are then used to generate a target image that reflects the spatial arrangement of materials.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Productivity

If connection areas are extracted individually without considering spatial relationships, then extraction speed is improved, but the spatial relationship between materials is lost

Engineering Contradiction:
Improveextraction speedVSAvoidspatial relationship information
Core Design Contradiction:
ProductivityVSLoss of information

Solution Approach 1:

The patent applies nesting by creating a hierarchical structure where circumscribed rectangular frames are nested within parent frames based on spatial relationships. Connection areas that are spatially related are organized into parent-child relationships, with each connection area's circumscribed frame potentially containing or being contained by other frames, thus preserving the spatial hierarchy while enabling efficient processing

Inventive Principle:
Principle #7Nested doll (Nesting)

Solution Approach 2:

The patent transitions from two-dimensional spatial arrangement to a three-dimensional hierarchical structure by introducing the nesting dimension. Connection areas are not only positioned in 2D space but are also organized into multiple levels of parent-child relationships, adding a vertical dimension to the spatial organization that preserves relational information while maintaining processing efficiency

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

2Ease of operation

If all connection areas are processed individually, then processing simplicity is improved, but the nested spatial structure of materials is not reflected

Engineering Contradiction:
Improveprocessing simplicityVSAvoidspatial arrangement accuracy
Core Design Contradiction:
Ease of operationVSManufacturing precision

Solution Approach 1:

The patent applies preliminary action by pre-calculating and establishing the nested relationships between connection areas before final image generation. The system identifies spatial relationships and creates the hierarchical frame structure in advance, so that when images are generated, the spatial relationships are already encoded in the data structure, simplifying the final rendering process while ensuring accuracy

Inventive Principle:
Principle #10Preliminary action

3Productivity

If circumscribed frames are generated for each connection area without combination, then frame generation speed is improved, but the nested relationship representation is inaccurate

Engineering Contradiction:
Improveframe generation speedVSAvoidnested relationship accuracy
Core Design Contradiction:
ProductivityVSMeasurement precision

Solution Approach 1:

The patent applies merging by combining multiple individual frame generation operations into a unified process that simultaneously considers spatial relationships. Instead of generating frames for each connection area completely independently, the system merges the frame generation process with spatial relationship analysis, allowing frames to be generated more efficiently while accurately reflecting nested structures through parent-child relationships

Inventive Principle:
Principle #5Merging (Combining)

Data Source

PatentUS11810333B2Method and apparatus for generating image of webpage content
Publication Date: 2023.11.07 BAIDU ONLINE NETWORK TECH (BEIJIBG) CO LTD
  • US11810333B2 patent drawing
  • US11810333B2 patent drawing
  • US11810333B2 patent drawing

AI summary

A method and an apparatus for generating an image are provided. The method includes: acquiring a screenshot of a webpage preloaded by a terminal as a source image; recognizing connection areas in the source image, and generating first circumscribed rectangular frames outside outlines of the connection areas; combining, in response to determining that a distance between the connection areas is smaller than a preset distance threshold, the connection areas, and generating a second circumscribed rectangular frame outside outlines of the combined connection areas; and generating, based on a nested relationship between the first circumscribed rectangular frames and the second circumscribed rectangular frames and pictures in the first circumscribed rectangular frames, a target image. The first circumscribed rectangular frames and the second circumscribed rectangular frame are respectively generated by recognizing and combining the connection areas in the source image.