Adaptive Image Sub-Image Selection for Screen Adaptability

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Existing image scaling technologies often reduce image quality when adapting images for different screen sizes, as not all images are suitable for resizing, leading to blurring or distortion.

Innovation Solution

Implementing adaptive images that utilize a set of sub-images and selection logic to render different groupings based on display variables such as screen size, allowing for dynamic adjustment and manipulation of image assets without compromising quality.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If a single static image is scaled to fit different screen sizes, then the image can be displayed on various devices, but the image quality deteriorates with blurring or distortion

Engineering Contradiction:

Improveimage display adaptabilityVSAvoidimage quality

Core Design Contradiction:

Adaptability or versatilityVSManufacturing precision

Solution Approach 1:

The image is divided into multiple sub-images of different resolutions. Instead of scaling a single image, the system selects and combines appropriate sub-images based on the target screen size, maintaining quality while achieving adaptability across devices.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The image display system dynamically selects and combines sub-images based on the target screen dimensions. This dynamic adaptation allows the same image asset to be optimally displayed across varying screen sizes without quality loss.

Inventive Principle:

Principle #15Dynamics

2Manufacturing precision

If multiple images are stored for different screen sizes, then image quality is maintained, but storage requirements and update complexity increase

Engineering Contradiction:

Improveimage qualityVSAvoidimage asset management

Core Design Contradiction:

Manufacturing precisionVSDevice complexity

Solution Approach 1:

Multiple sub-images are merged into a single image asset file. This consolidation reduces storage complexity and simplifies updates, while the system can still dynamically combine these sub-images to maintain image quality across different screen sizes.

Inventive Principle:

Principle #5Merging (Combining)

Solution Approach 2:

A single image asset containing multiple sub-images serves multiple functions: it provides high-quality images for large screens, scaled-down versions for smaller screens, and enables dynamic combination for various intermediate sizes, replacing the need for multiple separate image files.

Inventive Principle:

Principle #6Universality (Multi-functionality)

3Area of stationary object

If images are scaled down for mobile devices, then display fit is improved, but image legibility and recognizability deteriorate

Engineering Contradiction:

Improvescreen fitVSAvoidimage legibility

Core Design Contradiction:

Area of stationary objectVSLoss of information

Solution Approach 1:

Different regions of the image asset are optimized for different purposes. The system selectively combines sub-images and applies local adjustments to ensure critical information remains legible and recognizable even when displayed on smaller mobile screens.

Inventive Principle:

Principle #3Local quality

Data Source

PatentUS10831855B2Adaptive images

Publication Date: 2020.11.10 SALESFORCE INC

AI summary

Disclosed herein are system, method, and computer program product embodiments providing an adaptive image. An embodiment operates by receiving an indication of a size of an image area of an interface allocated to an image of a webpage. An image asset corresponding to the image area is determined. One of a plurality of groupings corresponding to the size of the image is selected from the image asset. The selected grouping is provided for display on the interface in the webpage.