Uploaded image for project: 'Imaging'
  1. Imaging
  2. MGNLIMG-123

Automatically generate additional image resolutions for high pixel resolution devices (retina)

    XMLWordPrintable

Details

    • Task
    • Resolution: Won't Do
    • Major
    • 3.0.x
    • 3.0.3
    • None
    • None

    Description

      The variations feature should provide a mechanism to generate higher resolution images, probably based on a parameter or other indicator in the image url.
      The use case is to provide for "retina" devices. You should only have to define one variation, and it will generate the specified image size for normal requests, but will serve an image with double the width and height for requests with a specific parameter.

      Consider for example from the stk demo pop theme, variation "content".
      Requested normally:
      http://localhost:8081/magnolia-bundled-webapp/.imaging/stk/pop/content/dam/demo-project/img/bk/Opener/coral-light/jcr:content/coral%20light.2012-02-17-12-13-26.jpg
      It generates and serves an image with specified width: 458

      Requested with parameter "2x" for doubling, like maybe
      ... content/dam/demo-project/img/bk/Opener/coral-light/jcr:content/coral%20light.2012-02-17-12-13-26@2x.jpg
      or maybe
      ... content/dam/demo-project/img/bk/Opener/coral-light/jcr:content/coral%20light.2012-02-17-12-13-26.jpg?s=2x
      It creates with width: 916

      Also to consider - how magnolia decides when to deliver images for high pixel density displays. Is it server side, or a javascript technique like
      http://retinajs.com

      Checklists

        Acceptance criteria

        Attachments

          Activity

            People

              Unassigned Unassigned
              czimmermann Christopher Zimmermann
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Checklists

                  Task DoR