Image Loading Adaptation for Dynamic Viewport Scaling
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing image loading technologies fail to efficiently adapt to different viewport sizes of electronic devices and user operations such as scaling, switching, and full-screen display, leading to suboptimal image presentation and loading speeds.
Innovation Solution
A method and apparatus that acquire the viewport size and scaling ratio of an image, determine a matching image from a predetermined set through scaling and segmentation, and load the appropriate image, allowing for dynamic adjustment based on user operations and providing a transition animation for seamless image switching.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Device complexity
If the same image is used for different viewport sizes and scaling operations, then the image source is simplified, but the image loading speed and presentation quality deteriorate
Solution Approach 1:
The patent segments a high-resolution original image into multiple pre-scaled images at different resolutions (e.g., 1x, 2x, 3x scaling ratios). This segmentation allows the system to select and load only the appropriate scaled image for the current viewport size and scaling operation, avoiding the need to load and process a single large image for all scenarios, thereby improving loading speed while maintaining simplified source management.
Solution Approach 2:
The patent performs preliminary scaling operations to generate multiple scaled images in advance during the image preparation phase. These pre-scaled images are stored and ready for quick retrieval based on viewport and scaling requirements, eliminating the need for real-time scaling during runtime and thus improving image loading speed without complicating the source management.
2Manufacturing precision
If high-resolution images are loaded for all viewport sizes, then image quality is maintained, but the loading time and data consumption increase
Solution Approach 1:
The patent applies local quality by matching different image resolutions to different viewport sizes and scaling operations. Small viewports and minor scaling operations use lower-resolution scaled images, while large viewports and significant scaling operations use higher-resolution scaled images. This ensures that each local context receives the appropriate quality level, maintaining image quality where needed while reducing loading time and data consumption where high resolution is unnecessary.
3Productivity
If multiple scaled images are prepared in advance, then image loading speed for different viewports is improved, but the storage space and processing complexity increase
Solution Approach 1:
The patent implements a dynamic image selection mechanism that adapts to different viewport sizes and scaling operations. The system dynamically selects the most appropriate pre-scaled image from the set of prepared scaled images based on real-time requirements, ensuring fast loading by avoiding unnecessary image processing while managing storage efficiently by only keeping scaled versions that are likely to be needed.
4Adaptability or versatility
If real-time image scaling is performed during runtime, then flexibility for different viewports is achieved, but the processing time and energy consumption increase
Solution Approach 1:
The patent performs all necessary image scaling operations in advance during the image preparation phase, creating a set of pre-scaled images at common scaling ratios (e.g., 1x, 2x, 3x). This preliminary action eliminates the need for real-time scaling during runtime, significantly reducing processing energy consumption while maintaining full adaptability to different viewport sizes and scaling operations through the pre-prepared scaled image set.
Data Source
AI summary
A method and apparatus for loading an image, where the method includes acquiring a viewport size of a target apparatus, and a scale of an image displayed on the target apparatus with respect to an original size of the image; in a predetermined image set to be displayed, determining, an image to be displayed matching the viewport size and the scale, as a target image to be displayed; and loading the target image to be displayed.