Integrating image renditions and page layout

Abstract

A system and method involves creating, based upon a set of image rendition parameters, a set of image renditions for an image. A set of previews are selected to display. Each preview includes a markup language file and breakpoints that specify how a particular image rendition from the set of image renditions is displayed. A rendered instance is created for the previews and based upon the particular image rendition and page content. The rendered instances are displayed as part of a user interface. Instructions are received from the user interface. The instructions specify modifications to a particular preview of the set of previews. The markup file is modified based upon the instructions.

1 - 8 . (canceled) 
     
     
         9 . A system comprising:
 one or more computer processor circuits configured to:
 create, based upon a set of image rendition parameters, a set of image renditions for an image; 
 select a set of previews to display, each preview in the set of previews including a markup language file and breakpoints that specify how to display a particular image rendition from the set of image renditions; 
 create a rendered instance for each preview in the set of previews based upon the particular image rendition and page content identified by a corresponding preview; 
 display the rendered instances as part of a user interface; 
 receive instructions from the user interface and that specify modifications to a particular preview of the set of previews; and 
   
       modify, based upon the instructions, a markup file corresponding to the particular preview. 
     
     
         10 . The system of  claim 9 , wherein the one or more computer processor circuits are further configured to:
 identify violations of preview layout rules caused by the modifications to the HTML file; and   adjust breakpoints associated with the particular preview based upon the identified violations.   
     
     
         11 . The system of  claim 10 , wherein the one or more computer processor circuits are further configured to:
 identify at least one gap between breakpoints associated with previews in the set of previews; and   select a set of additional previews corresponding with the at least one gap between breakpoints.   
     
     
         12 . The system of  claim 11 , wherein the one or more computer processor circuits are further configured to:
 create an additional rendered instance for an additional preview of the additional previews based upon the set of image renditions;   display the additional rendered instance as part of the user interface; and   modify an HTML file and a cascading style sheet file based upon input from the user interface.   
     
     
         13 . The system of  claim 12 , wherein the one or more computer processor circuits are further configured to select the set of previews to display by selecting previews that correspond to display capabilities of a predetermined set of devices: 
     
     
         14 . The system of  claim 9 , wherein the instructions include at least one instruction selected from the group consisting of cropping, resizing, and replacing, relative to the particular image rendition. 
     
     
         15 . The system of  claim 9 , wherein the instructions specify that another image should replace the image corresponding to the particular image rendition. 
     
     
         16 . A computer program product for authoring web pages, said computer program product comprising:
 a computer readable storage medium having stored thereon:   program instructions executable by a computing device to cause the computing device to:
 create, based upon a set of image rendition parameters, a set of image renditions for an image; 
 select a set of previews to display, each preview in the set of previews including a markup language file and breakpoints that specify how to display a particular image rendition from the set of image renditions; 
 create a rendered instance for each preview in the set of previews based upon the particular image rendition and page content identified by a corresponding preview; 
 display the rendered instances as part of a user interface; 
 receive instructions from the user interface and that specify modifications to a particular preview of the set of previews; and 
 modify, based upon the instructions, a markup file corresponding to the particular preview. 
   
     
     
         17 . The computer program product of  claim 16 , wherein the instructions include at least one instruction selected from the group consisting of cropping, resizing, and replacing, relative to the particular image rendition. 
     
     
         18 . The computer program product of  claim 16 , wherein the instructions specify that another image should replace the image corresponding to the particular image rendition.