IM Data Card Avatar Background Alignment

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current instant messaging (IM) software limits user customization by only allowing selection of predefined background templates for data cards, resulting in dislocation issues when updating avatars and backgrounds, as the background cannot display information related to the avatar and is affected by different layout versions of the software.

Innovation Solution

A method and apparatus that intercepts and associates a first image (avatar) and a second image (background) from a user-uploaded picture, compresses them according to software versions, and mixes them for adaptive display, ensuring alignment and enhanced information display across different software versions.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of manufacture

If predefined background templates are used for data cards, then the software development is simple and fast, but the user customization capability is limited and dislocation issues occur when updating avatars

Engineering Contradiction:
Improvesoftware development simplicityVSAvoiduser customization capability
Core Design Contradiction:
Ease of manufactureVSAdaptability or versatility

Solution Approach 1:

The patent segments the background image and avatar image into separate extractable components. The background extraction module isolates the background from the uploaded picture, while the avatar extraction module separately extracts the avatar. This segmentation allows independent processing and positioning of each element, enabling flexible customization without requiring complete template redesigns.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent introduces a new dimension of customization by allowing users to upload their own pictures that contain both background and avatar elements. Instead of being constrained to predefined 2D templates, the system processes uploaded images to extract and reposition elements, adding a layer of user-generated content dimension to the customization process.

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

2Adaptability or versatility

If users can upload custom pictures for avatar and background, then customization capability is improved, but dislocation issues occur between avatar and background in different software versions

Engineering Contradiction:
Improveuser customization capabilityVSAvoidavatar-background alignment precision
Core Design Contradiction:
Adaptability or versatilityVSManufacturing precision

Solution Approach 1:

The patent performs preliminary extraction and identification of background and avatar regions from uploaded pictures before the actual display. By pre-processing the uploaded image to separate and identify the boundaries of background and avatar elements, the system establishes a reference framework that ensures proper alignment when the elements are displayed across different software versions.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The patent adjusts positioning parameters of the avatar relative to the background based on the extracted image features. By dynamically changing the position, size, and orientation parameters of the avatar overlay based on the analyzed picture structure, the system maintains precise alignment across different software versions despite variations in display environments.

Inventive Principle:
Principle #35Parameter changes

3Stability of the object's composition

If fixed templates are used for background, then layout consistency is maintained, but the background cannot display information related to the avatar

Engineering Contradiction:
Improvelayout consistencyVSAvoidavatar-related information display
Core Design Contradiction:
Stability of the object's compositionVSLoss of information

Solution Approach 1:

The patent makes the background image multi-functional by allowing it to serve both as a visual backdrop and as a carrier of avatar-related information. By extracting the background from user-uploaded pictures rather than using fixed templates, the background can dynamically display relevant information while maintaining layout consistency through the extraction and positioning mechanisms.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Data Source

PatentEP3061214B1Method and apparatus for displaying image
Publication Date: 2019.11.06 TENCENT TECHNOLOGY (SHENZHEN) CO LTD
  • EP3061214B1 patent drawingFigure 1~2
  • EP3061214B1 patent drawingFigure 3A~4
  • EP3061214B1 patent drawingFigure 5

AI summary

The present disclosure relates to image processing technologies, and provides a method for displaying an image, comprising: receiving a picture uploaded by a client; intercepting a first image and a second image from the picture; and associating the intercepted first image and the intercepted second image with a network account of a user; when monitoring that the network account is logged in, pushing the first image and the second image as content of a data card of the network account to a client for displaying. The solution of the present invention can mix the avatar of the data card and the background image of the data card together, and display more information related to the avatar of the data card by the background image of the data card.