Determining and generating a number of images meeting particular size ranges and selecting an image for display in a placeholder of a network document

Patent metadata

Field	Value
Publication number	US-9858246-B1
Application number	US-201414227938-A
Country	US
Kind code	B1
Filing date	Mar 27, 2014
Priority date	Mar 27, 2014
Publication date	Jan 2, 2018
Grant date	Jan 2, 2018

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 of an electronic marketplace and based at least in part on a generation rule, a particular number of images and particular size ranges of the images for presenting information about a plurality of items offered at the electronic marketplace;
generating, based at least in part on one or more source images, a number of item images having different sizes for an item of the plurality of items available at the marketplace, the number of the item images equaling the particular number, the different sizes of the item images meeting the particular size ranges;
generating, by the computer system, a network document associated with the item, the network document comprising a placeholder for displaying an item image from the item images, the network document identifying the item images and the sizes of the item images, the network document comprising a script for selecting the item image from the item images based at least in part on a size of the placeholder;
providing the network document to a computing device of a user;
receiving a selection of the item image from the computing device of the user, the selection based at least in part on using the script to compare the sizes of the item images to the size of the placeholder; and
providing the item image to the computing device of the user, the providing causing the computing device of the user to display the item image in the placeholder of the network document.

2. The computer-implemented method of claim 1 , wherein the script is configured to select the item image based at least in part on determining that a corresponding size of the item image is a next largest size in comparison to the size of the placeholder.

3. The computer-implemented method of claim 1 , further comprising determining the particular number and the particular sizes of images based at least in part on an analysis of one or more of: a type of the computing device of the user, a type of a browser, a size of the browser, a size of a placeholder displayed within the network document, or usage history associated with browsing the network document.

4. The computer-implemented method of claim 1 , wherein identifying the item images and the sizes of the item images comprises defining, in code of the network document, an element that references the placeholder, lists uniform resource locators (URLs) associated with the item images, and lists the sizes of the item images, wherein the script is configured to update the element to an image element that includes a corresponding URL of the selected item image.

5. The computer-implemented method of claim 1 , wherein the generation rule is configured to determine the number of available images based at least in part on a tradeoff between bandwidth usage and user interface responsiveness.

6. The computer-implemented method of claim 1 , wherein the generation rule is configured to cause an optimal pixel separation between each of the particular size ranges of the images.

7. A computer-implemented method, comprising:
determining, by a computer system, a generation rule for rendering a network document, the generation rule identifying a number of expected graphic components and size attributes of the expected graphic components;
generating, based at least in part on one or more source images, the number of graphic components having the size attributes in accordance with the generation rule;
generating, by the computer system, the network document, the network document comprising an object, the object comprising a placeholder configured to hold a graphic component, the object further comprising a script to select the graphic component, the network document identifying available graphic components and corresponding attributes, the available graphic components and the corresponding size attributes based at least in part on the graphic components generated in accordance with the generation rule;
receiving, from a computing device rendering the network document, a selection of a graphic component from the available graphic components in association with rendering the document, the selection based at least in part on a comparison by the script of a property of the placeholder to the corresponding size attributes of the available graphic components; and
at least in response to the selection of the graphic component, causing the graphic component to be rendered at the computing device in the placeholder.

8. The computer-implemented method of claim 7 , wherein the network document comprises a web page, wherein the graphic component comprises an image, wherein the object comprises a placeholder for displaying the image, and wherein the generation rule further identifies additional attributes that comprise one or more of a color of the image, a resolution of the image, or a data size of the image.

9. The computer-implemented method of claim 7 , wherein a total number of the graphic components equals the identified number of the generation rule, wherein individual size attributes of the graphic components match the identified size attributes of the generation rule, and wherein the individual size attributes are different from each other.

10. The computer-implemented method of claim 7 , further comprising providing the network document to a computing device causing the computing device to render the network document, wherein prior to receiving the selection of the graphic component, the network document and the object are rendered by the computing device without rendering the graphic component, and wherein the graphic component is rendered in the object subsequent to the selection of the graphic component.

11. The computer-implemented method of claim 7 , wherein generating the network document comprises defining an element, wherein the element comprises a class that identifies the object, and wherein the element identifies the available graphic components.

12. The computer-implemented method of claim 11 , wherein the element identifies the available graphic components by comparing element attributes, the element attributes listing the size attributes of the graphic components.

13. The computer-implemented method of claim 12 , wherein the element attributes further comprises network-based addresses of the graphic components.

14. The computer-implemented method of claim 11 , wherein the script is configured to determine a size attribute of the object based at least in part on the class, wherein the script is configured to update the element to have a graphic component type based at least in part on the selection of the graphic component.

15. The computer-implemented method of claim 14 , wherein the script is further configured to attach to the update element a network-based address of the graphic component, wherein attaching the network-based address causes the graphic component to be rendered in the object.

16. A system, comprising:
a memory that stores computer-executable instructions; and
a processor configured to access the memory and to execute the computer-executable instructions to collectively at least:
determine, based at least in part on a generation rule, a defined number and particular size attributes of images to be rendered in a network document;
generate, based at least in part on one or more source images, available images based at least in part on the defined number and the particular size attributes;
generate the network document, the network document comprising a placeholder for rendering an image from the available images and a script for selecting t

Assignees

• Amazon Tech Inc

Inventors

• Singhal Ashish

Classifications

• G06F17/2247

  Physics · mapped topic

• G06Q30/0641 Primary

  utilising user interfaces specially adapted for shopping · CPC title

• G06F17/211 Primary

  Physics · mapped topic

• G06Q30/0643

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

• G06F16/958

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