Client-Side Browser Image Scaling via Patch-Wise Downsampling
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
The existing process of uploading full-size digital images to servers is wasteful in terms of time and bandwidth, and inefficiently utilizes server processing power, especially for larger images from modern cameras with higher pixel values.
Innovation Solution
A high-performance client-side in-browser scaling method that downsizes images into smaller versions on the user's device before upload, using a process of patch-wise scaling and copying to reduce memory requirements and provide progress updates, while ensuring image quality and handling limitations of mobile devices.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Productivity
If full-size digital images are uploaded to the server, then the server can process and provide lower resolution versions, but it wastes time and bandwidth and consumes server processing power
Solution Approach 1:
The patent applies preliminary action by performing image downsampling on the client side before upload. The browser automatically scales down large images to appropriate sizes prior to transmission, so that only the necessary reduced-resolution images are uploaded to the server, eliminating wasted bandwidth and time while maintaining the server's ability to process and serve images efficiently
2Productivity
If full-size digital images are uploaded to the server, then the server can process and provide lower resolution versions, but it consumes server processing power
Solution Approach 1:
The patent shifts the image processing task from the server to the client by implementing browser-based downsampling. This preliminary action on the client side reduces the image size before upload, so the server receives already-optimized images that require minimal processing power, thereby improving upload efficiency while reducing server resource consumption
3Loss of time
If large images are processed on the client side, then upload time and bandwidth are reduced, but memory requirements increase
Solution Approach 1:
The patent applies segmentation by dividing the large image into smaller patches or tiles that are processed independently. This allows the browser to handle large images by processing them in manageable segments, reducing peak memory requirements while still achieving the goal of downsampling the entire image before upload to reduce upload time
Data Source
AI summary
According to a preferred aspect of the instant invention, there is provided a system and method for high-performance client-side in-browser scaling of digital images. The instant invention processes large digital images in a client-based web browser, prior to upload to a server. The system provides a tremendous decrease in time required for uploading of digital images for online use. The instant invention that is carried out on the client device is therewith decreasing processing time and bandwidth.