What is the difference between Image presets and Viewer presets in Dynamic Media? | Community
Skip to main content
cqsapientu69896
cqsapientu69896
Level 4
August 22, 2023
Solved

What is the difference between Image presets and Viewer presets in Dynamic Media?

  • August 22, 2023
  • 3 replies
  • 2798 views

I was reading the documentation, and couldn't really understand the difference between Image Preset and Viewer Preset in Dynamic media.

Both look the same to me, both are used to generate dynamic renditions.

And Assets uploaded in AEM reflect in DM without any Image or Viewer preset created in AEM and their Dynamic media URLs work as well.

 

And also couldn't understand the difference between Image Preset, Viewer Preset and Asset processing profiles

 

Could someone please explain me the difference between Image presets, Viewer Preset and Dynamic media processing profiles?

 

https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/assets/dynamicmedia/image-presets.html?lang=en#:~:text=Image%20Presets%20enable%20assets%20to,that%20your%20administrator%20has%20outlined.

 

https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/assets/dynamicmedia/managing-viewer-presets.html?lang=en#applying-a-viewer-preset-to-an-asset

Thanks

@kautuk_sahni 

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by kautuk_sahni

    @cqsapientu69896,

    The main difference between image presets and viewer presets in Adobe AEM Dynamic Media is that image presets define the size and format of an image asset, while viewer presets define the way that an image asset is displayed in a viewer.

    • Image presets are a collection of sizing and formatting commands that are saved under a name. When you create an image preset, you specify the dimensions, format, and compression settings for the image. You can also specify whether the image should be cropped or resized. Image presets are used to create dynamic renditions of images, which are different versions of the image that are optimized for different devices and screen sizes.
    • Viewer presets are a collection of settings that control the way that an image asset is displayed in a viewer. These settings include the zoom behavior, the display size, and the toolbar options. The viewer presets can be applied to any image asset, regardless of whether it has been created using an image preset.
    Feature Image Presets Viewer Presets
    What they do Define the size and format of an image asset
    Define the way that an image asset is displayed in a viewer
    When to use them When you need to create different versions of an image for different devices and screen sizes
    When you need to control the way that an image is displayed in a viewer
    Scope Apply to a specific image asset
    Apply to any image asset

    Here are some examples to help you understand the difference between image presets and viewer presets in Adobe AEM Dynamic Media:

    • Image presets:
      • You could create an image preset called "Desktop" that specifies a width of 500 pixels and a height of 300 pixels. This preset would be used to create a dynamic rendition of an image that is optimized for viewing on a desktop computer.
      • You could also create an image preset called "Mobile" that specifies a width of 200 pixels and a height of 150 pixels. This preset would be used to create a dynamic rendition of an image that is optimized for viewing on a mobile device.
    • Viewer presets:
      • You could create a viewer preset called "Zoomable" that allows users to zoom in and out of an image.
      • You could also create a viewer preset called "Full Screen" that displays an image in full-screen mode.

    HTH

    3 replies

    D
    DeepankarDh
    August 22, 2023

    I am looking for an answer as well 

    Preetpal_Bindra
    Community Advisor
    Preetpal_BindraCommunity Advisor
    Community Advisor
    August 22, 2023

    Image presets are to transform images.

     

    Viewer presets on the other hand,  is to control how a viewer (not the images within it) displays on the website.

      kautuk_sahni
      Community Manager
      kautuk_sahniCommunity ManagerAccepted solution
      Community Manager
      August 22, 2023

      @cqsapientu69896,

      The main difference between image presets and viewer presets in Adobe AEM Dynamic Media is that image presets define the size and format of an image asset, while viewer presets define the way that an image asset is displayed in a viewer.

      • Image presets are a collection of sizing and formatting commands that are saved under a name. When you create an image preset, you specify the dimensions, format, and compression settings for the image. You can also specify whether the image should be cropped or resized. Image presets are used to create dynamic renditions of images, which are different versions of the image that are optimized for different devices and screen sizes.
      • Viewer presets are a collection of settings that control the way that an image asset is displayed in a viewer. These settings include the zoom behavior, the display size, and the toolbar options. The viewer presets can be applied to any image asset, regardless of whether it has been created using an image preset.
      Feature Image Presets Viewer Presets
      What they do Define the size and format of an image asset
      Define the way that an image asset is displayed in a viewer
      When to use them When you need to create different versions of an image for different devices and screen sizes
      When you need to control the way that an image is displayed in a viewer
      Scope Apply to a specific image asset
      Apply to any image asset

      Here are some examples to help you understand the difference between image presets and viewer presets in Adobe AEM Dynamic Media:

      • Image presets:
        • You could create an image preset called "Desktop" that specifies a width of 500 pixels and a height of 300 pixels. This preset would be used to create a dynamic rendition of an image that is optimized for viewing on a desktop computer.
        • You could also create an image preset called "Mobile" that specifies a width of 200 pixels and a height of 150 pixels. This preset would be used to create a dynamic rendition of an image that is optimized for viewing on a mobile device.
      • Viewer presets:
        • You could create a viewer preset called "Zoomable" that allows users to zoom in and out of an image.
        • You could also create a viewer preset called "Full Screen" that displays an image in full-screen mode.

      HTH

      Kautuk Sahni
        cqsapientu69896
        cqsapientu69896Author
        Level 4
        August 22, 2023

        Thanks @kautuk_sahni 

         

        Appreciate it, it is much clearer now.

         

        However, a suggestion.

         

        Would be great to explain/elaborate the term 'Viewer" more clearly in Adobe public documentation.

         

        'Viewer' is a generic word and can mean anything. 

         

        Providing screenshots and sample URLs of 'Viewer' in documentation would help.

         

        Also,

         

        This URL - http://s7d1.scene7.com/is/image/jpearldemo/AdobeStock_74043302?$Medium$

         

        mentioned in the 'Try it' link on this page 

         

        https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/assets/dynamicmedia/dm-journey/dm-journey-part2.html?lang=en#:~:text=You%20copy%20the%20URL%2C%20then%20paste%20it%20into%20your%20browser%20to%20check%20the%20appearance%20of%20the%20image.%20Try%20it. 

         

        Applying the image preset Medium to generate a rendition of an image.

        You copy the URL, then paste it into your browser to check the appearance of the image. Try it.

         

        doesn't work. It gives image not found error. - 

        Unable to find image

         

         

          kautuk_sahni
          Community Manager
          kautuk_sahniCommunity Manager
          Community Manager
          August 22, 2023

          I will share this feedback with the documentation team. 

          Kautuk Sahni
          Terms & ConditionsAccessibility statement

          Loading footer...