Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

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

Avatar

Level 4

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....

 

https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/assets/dynamicmedia...

Thanks

@kautuk_sahni 

1 Accepted Solution

Avatar

Correct answer by
Administrator

@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

View solution in original post

5 Replies

Avatar

Level 1

I am looking for an answer as well 

Avatar

Community Advisor

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.

Avatar

Correct answer by
Administrator

@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

Avatar

Level 4

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...

 

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

 

 

Avatar

Administrator

I will share this feedback with the documentation team. 



Kautuk Sahni