Dynamically selecting an image for display

Patent metadata

Field	Value
Publication number	US-11074646-B1
Application number	US-201715846954-A
Country	US
Kind code	B1
Filing date	Dec 19, 2017
Priority date	Mar 27, 2014
Publication date	Jul 27, 2021
Grant date	Jul 27, 2021

Abstract

Techniques for generating a web page and displaying an image in the web page may be provided. For example, the web page may include a placeholder for displaying the image. A service may be implemented to determine how many images and sizes of such images that should be made available for use in the placeholder. Further, the service may configure the web page to identify available images based on the determined number and sizes and to include a script for selecting one of the available images. Upon displaying the web page in a browser, the script may determine the size of the placeholder as displayed in the web page and may select one of the available images based on the determined placeholder size. The script may further cause the browser to download and display the selected image in the placeholder.

First claim

What is claimed is:

1. A computer-implemented method, comprising:
determining, by a computer system, a history of accessed network documents, the history indicating at least one of: computing device types, browser types, browser sizes, or placeholder sizes associated with the accessed network documents;
determining, by the computer system based at least in part on the history, (i) a number of graphic components that can be rendered in a network document and (ii) a placeholder size range that can contain the graphic components in the network document;
determining, by the computer system, size ranges of the graphic components based at least in part on the number and the placeholder size range;
storing, by the computer system, the graphic components, the graphic components generated from one or more source graphic components according to the number and having sizes within the size ranges;
generating, by the computer system, the network document, the network document comprising:
a placeholder configured to hold a graphic component,
a script configured to select the graphic component from the graphic components,
identifiers of the graphic components, and
the sizes of the graphic components;

receiving, by the computer system from a computing device in association with a rendering of the network document on the computing device, a selection of the graphic component from the graphic components based at least in part on an execution of the script on the computing device, the selection based at least in part on a comparison by the script of a property of the placeholder to the sizes of the graphic components; and
causing, by the computer system and based at least in part on the selection of the graphic component, the computing device to render the graphic component in the placeholder.

2. The computer-implemented method of claim 1 , further comprising:
storing, by the computer system, the graphic components in one or more storage locations, wherein the identifiers of the graphic components identify the one or more storage locations.

3. The computer-implemented method of claim 1 , wherein the history comprises rendered sizes of placeholders in the accessed network documents.

4. The computer-implemented method of claim 1 , wherein the number of the graphic components is based at least in part on factors that balance network bandwidth and network document responsiveness.

5. The computer-implemented method of claim 4 , wherein the factors comprise the computing device types, the browser sizes, and the placeholder sizes.

6. The computer-implemented method of claim 1 , wherein a total number of the graphic components is based at least in part on a pixel separation between the sizes of the graphic components, wherein the pixel separation is defined based at least in part on a likelihood of selection of another graphic component in response to a resizing of the placeholder.

7. The computer-implemented method of claim 1 , wherein the script is configured to select the graphic component based at least in part on a size of the graphic components being a next largest size among the sizes of the graphic components in comparison to a size of the placeholder.

8. The computer-implemented method of claim 1 , further comprising:
providing the network document to the computing device based at least in part on a request of the computing device to access the network document, wherein prior to receiving the selection of the graphic component, the network document and the placeholder are rendered on the computing device without rendering the graphic component, and wherein the graphic component is rendered in the placeholder subsequent to the selection of the graphic component.

9. A system comprising:
one or more processors; and
one or more memories storing computer-readable instructions that, upon execution by the one or more processors, configure the system to:
determine a history of accessed network documents, the history indicating at least one of: computing device types, browser types, browser sizes, or placeholder sizes associated with the accessed network documents;
determine, based at least in part on the history, (i) a number of graphic components that can be rendered in a network document and (ii) a placeholder size range that can contain the graphic components in the network document;
determine size ranges of the graphic components based at least in part on the number and the placeholder size range;
store the graphic components, the graphic components generated from one or more source graphic components according to the number and having sizes within the size ranges;
generate the network document, the network document comprising:
a placeholder configured to hold a graphic component,
a script configured to select the graphic component from the graphic components,
identifiers of the graphic components, and
the sizes of the graphic components;

receive, from a computing device rendering the network document, a selection of the graphic component from the graphic components based at least in part on an execution of the script on the computing device, the selection based at least in part on a comparison by the script of a property of the placeholder to the sizes of the graphic components; and
cause, based at least in part on the selection of the graphic component, the computing device to render the graphic component in the placeholder.

10. The system of claim 9 , wherein the one or more memories store further instructions that, upon execution by the one or more processors, additionally configure the system to:
receive, from a computing device in association with a rendering of the network document on the computing device, a selection of the graphic component from the graphic components based at least in part on an execution of the script on the computing device, the selection based at least in part on a comparison by the script of a property of the placeholder to the sizes of the graphic components.

11. The system of claim 10 , wherein the one or more memories store additional instructions that, upon execution by the one or more processors, further configure the system to:
send, to the computing device, the network document; and
send, to the computing device, the graphic component based at least in part on the selection of the graphic component.

12. The system of claim 11 , wherein the network document is sent prior to receiving the selection of the graphic component, and wherein the graphic component is sent after receiving the selection of the graphic component.

13. The system of claim 9 , wherein a total number of the graphic components included in the network document is based at least in part on a pixel separation between the sizes of the graphic components, wherein the pixel separation is defined based at least in part on a likelihood of selection of another graphic component in response to a resizing of the placeholder.

14. The system of claim 9 , wherein the network document identifies storage locations each corresponding to one of the graphic components, and wherein the identifier indicates a storage location of the graphic component.

15. The system of claim 9 , wherein the network document is a web page, wherein the placeholder is associated with an element from a document object model of the web page, and wherein the size of the placeholder is determined based at least in part on the element and on a determination of whether the placeholder is already rendered on a computing device.

16. One or more non-transitory computer-readable storage media storing instructions that, upon execu

Assignees

• Amazon Tech Inc

Inventors

• Singhal Ashish

Classifications

• G06F16/958

  Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking · CPC title

• G06Q30/0643 Primary

  graphically representing goods, e.g. 3D product representation · CPC title

• G06Q30/0641 Primary

  utilising user interfaces specially adapted for shopping · CPC title