RESPONSIVE IMAGE RENDITION AUTHORING

A method may include receiving a first input containing a markup language file, an image, and a style sheet file having breakpoints and image display rules for generating image renditions of the image. The method may further comprise displaying a first image rendition based upon the breakpoints and the image, the first image rendition having the first image and crop borders corresponding to the breakpoints. The method may further comprise receiving an input indicating modification of the image rendition, and displaying a second image rendition based upon the modification to the first image rendition. The method may further comprise amending the markup language file with at least one image display rule based upon the second image rendition, the at least one image display rule conforming to the first set of image display rules.