Automatic display of resized images

• US 20070283247A1
• Filed: 03/15/2007
• Published: 12/06/2007
• Est. Priority Date: 03/15/2006
• Status: Active Grant

• Current Assignee: Google LLC (Alphabet Inc.)
• Original Assignee: Google Inc. (Alphabet Inc.)
• Inventors: Brenneman, Shawn, Herf, Michael, Bailey, Robert, Hopkins, Aaron
• Granted Patent: US 8,645,860 B2
• Time in Patent Office: Days
• US Class Current: 715/234
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 40/103 Formatting, i.e. changing of presentation of documents automatic justification G06F40/189; automatic line break hyphenation G06F40/191

Abstract

Systems and methods for automatic display of scaled and/or resized images that fit within pre-defined areas in a web browser are disclosed. The method may be implemented using an image scaling JavaScript component embedded within a HTML document. Upon resizing the a client document browser in which the document is displayed, the component is resized and requests, receives and redisplays a resized image within the resized component from a server. By having the server perform the resizing, the resized image not only fits within the resized component but also maintains the quality of the image without the need for special client-side software.

Claims

1. A method for automatic resizing of an image in a document for display across a network, comprising:

providing the document containing instructions for a client document browser to (a) display the image within a component in the document, (b) resize the component upon resizing of the client document browser, and (c) request a resized version of the image upon resizing of the client document browser;

serving the document in response to a request for the document from the client document browser; and

serving the resized version of the image in response to the request for the resized image from the client document browser.

2. The method of claim 1, further comprising, prior to serving the image:

(i) resizing the image to the size or resolution specified in the request from the client document browser;

or

(ii) retrieving a stored version of the image of the same or similar size or resolution specified in the request from the client document browser.

3. The method of claim 1, wherein the component is a JavaScript component embedded in the document and sized relative to the size of the client document browser.

4. The method of claim 3, wherein the JavaScript component is configured to await for and trap JavaScript resize events fired by the client document browser.

5. The method of claim 1, wherein the request for the resized version of the image upon resizing of the client document browser contains at least one parameter selected from the group consisting of a length, a width, and a resolution.

6. The method of claim 1, wherein the instructions to resize the component and to request the resized version of the image upon resizing of the client document browser are contained in the component.

7. The method of claim 1, wherein the document further contains instructions for the client document browser to, upon resizing of the client document browser, resize the image displayed in the component prior to the resizing of the client document browser and temporarily display the image resized by the client document browser within the component.

8. A method for automatic resizing and display of an image in a document received across a network, comprising:

requesting and receiving the document and image by a client document browser from a server across the network, the document containing a reference to the image on the server;

displaying the document in the client document browser;

displaying the image in a component within the client document browser; and

upon resizing of the client document browser;

resizing the component; and

requesting, receiving, and redisplaying a resized version of the image from the server.

9. The method of claim 8, wherein when the component is initially created within the document, the component requests, receives and displays a version of the image sized according to the size of the component from the server.

10. The method of claim 8, wherein the component is a JavaScript component embedded in the document and sized relative to the size of the client document browser.

11. The method of claim 10, wherein the JavaScript component is configured to await for and trap JavaScript resize events fired by the client document browser.

12. The method of claim 8, wherein the request for the resized version of the image upon resizing of the client document browser contains at least one parameter selected from the group consisting of a length, a width, and a resolution.

13. The method of claim 8, wherein the instructions to resize the component and to request the resized version of the image of upon resizing of the client document browser are contained in the component.

14. The method of claim 8, further comprising, upon resizing of the client document browser and prior to receiving and redisplaying the resized version of the image received from the server:

resizing the image displayed in the component prior to the resizing of the client document browser and temporarily displaying the image resized within the component.

15. A system for automatic resizing of an image in a document for display across a network, comprising:

storage for storing a document, an image scaling component embedded within the document, and an image referenced by the document, the component containing instructions for a client document browser to resize the component upon resizing of the client document browser and to request a resized version of the image upon resizing of the client document browser;

an image scaler configured to generate a resized version of the image in response to the request for the resized version of the image;

a network interface configured to receive requests for the document and for resized versions of the image and to serve the document, the component, and resized versions of the image.

16. The system of claim 15, wherein the storage is further configured to store at least one of the resized versions of the image.

17. The system of claim 15, wherein the component is a JavaScript component embedded in the document and sized relative to the size of the client document browser.

18. A computer readable medium containing executable program instructions for automatic resizing of an image in a document for display across a network, the executable program instructions including instructions for:

serving the document across the network in response to a request for the document from the client document browser, the document containing instructions for a client document browser to (a) display the image within a component in the document, (b) resize the component upon resizing of the client document browser, and (c) request a resized version of the image upon resizing of the client document browser;

in response to the request for the resized image from the client document browser, retrieving from memory or generating a resized version of the image;

serving the resized version of the image across the network.

19. A computer readable medium containing executable program instructions for automatic resizing of an image in a document for display across a network, the executable program instructions including instructions for:

creating a component within the document for display on a client document browser;

requesting, receiving and displaying an image within the component from a server;

resizing the component upon resizing of the client document browser, and

requesting, receiving and redisplaying a resized version of the image in the component from the server upon resizing of the client document browser.

20. The computer readable medium of claim 19, wherein the component is a JavaScript component embedded in the document and sized relative to the size of the client document browser.

22. The computer readable medium of claim 19, wherein the request for the resized version of the image upon resizing of the client document browser contains at least one parameter selected from the group consisting of a length, a width, and a resolution.

23. The computer readable medium of claim 19, wherein the instructions to resize the component and to request the resized version of the image upon resizing of the client document browser are contained in the component.

24. The computer readable medium of claim 19, wherein the executable program instructions further include instructions for:

upon resizing of the client document browser and prior to receiving and redisplaying the resized version of the image received from the server, resizing the image displayed in the component prior to the resizing of the client document browser and temporarily displaying the image resized within the component.

21. The computer readable medium of claim 21, wherein the JavaScript component is configured to await for and trap JavaScript resize events fired by the client document browser.