System and method for high-performance client-side in-browser scaling of digital images
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.
1. A method of client side in-browser scaling of digital images comprising the steps of:
a. accessing an original digital image within said browser;
b. selecting a down-scaling factor;
c. determining an output size of said original digital image based on said scaling factor;
d. creating a destination canvas at least as large as said output size of said original digital image;
e. creating a canvas within said browser with a same size as said output size of said original digital image;
f. within said browser separating the original digital image into a plurality of patches, each of said plurality of patches containing a portion of said original digital image, said plurality of patches taken together containing all of said original digital image;
g. selecting one of said patches;
h. scaling down said selected patch according to said scaling factor to a down-scaled patch;
i. copying said down-scaled patch to a corresponding part of the destination canvas object;
j. repeating steps of (f) through (i) until all of said plurality of patches have been processed
k. combining said plurality of down-scaled patches, thereby forming a down-scaled version of said original image according to said down-scaling factor; and,
l. transmitting said down-scaled version of said original image to a remote server.
2. A method according to claim 1 , wherein step a. comprises the steps of:
(a1) storing said original digital image in a file API buffer; and,
(a2) referencing the original digital image with an IMG tag to load the original digital image into memory for further processing.
3. A method according to claim 1 , wherein each of said patches has a size 1K pixels by 1K pixels.
4. A method according to claim 1 , wherein each of said plurality of patches has a 15 pix margin.
5. A method according to claim 1 , wherein step (h) comprises the steps of:
(h1) successively implementing at least five stepwise down-scaling steps to scale down said selected patch according to said scale factor.
6. A method according to claim 5 , wherein each of said at least five stepwise down-scaling steps successively reduce a size of said selected patch according to said scale factor.
7. A method according to claim 6 , wherein a user is notified each time one of said at least five scaling steps is completed.
8. A method according to claim 1 , wherein the method is performed out on a mobile computing device or on a personal computer.
9. A method according to claim 1 , further comprising the step of:
(m) displaying on said remote server a representation of said transmitted down-scaled version of said original digital image.