Reindition always coming in JPEG format | Community
Skip to main content
R
rohankalra
Level 3
July 5, 2023
Solved

Reindition always coming in JPEG format

  • July 5, 2023
  • 3 replies
  • 968 views

I have added reindition in AEM and displaying Image by using this ${properties.fileReference}/jcr:content/renditions/{renditionName}.jpeg Now if i am applying rendition to a particular Image and publishing it is converting to JPEG only how can it work in such a way that when we upload PNG png reindition should come otherwise JPEG should come.

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 Nishant-Singh

Hi @rohankalra you can use javascript use api to check if the resource exist or not.

1. create a js file in same component where your AEM sightly code is.

use below 

 

"use strict"; use(["/libs/wcm/foundation/components/utils/ResourceUtils.js"], function (ResourceUtils) { var path=this.pngpath; ResourceUtils.getResource(this.jpegpath) .then(function (node) { path = node.path; }); return path; });

 

2. in your sightly code use below code

 

<sly data-sly-test.jpegpath="${properties.fileReference}/jcr:content/renditions/{renditionName}.jpeg"/> <sly data-sly-test.pngpath="${properties.fileReference}/jcr:content/renditions/{renditionName}.png"/> <sly data-sly-use.imagepath="${'example.js' @ jpegpath=jpegpath,pngpath=pngpath}"></sly> ${imagepath.path}

 

 

3 replies

aanchal-sikka
Community Advisor
aanchal-sikkaCommunity Advisor
Community Advisor
July 5, 2023

hello @rohankalra 

 

There must be a way by which you are resolving ${renditionName}. Hopefully its a Sling Model.

You can reuse the same sling model, to generate full path to the rendition and use it as it is in HTL. 

- Get asset path from fileReference

- Resolve the desired rendition.

- Use full path in HTL, that is resolved from Model

 

Just FYI, the Image component already takes case of choosing the best rendition. May be there is a specific reason, why you are resolving it via code.

Aanchal Sikka
    R
    rohankalraAuthor
    Level 3
    July 5, 2023

    The reinditions values are fixed as We are migrating and we are not able to use Image component

      DPrakashRaj
      Community Advisor
      DPrakashRajCommunity Advisor
      Community Advisor
      July 6, 2023

      Check this thread on which similar question was asked https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/image-extensions-for-renditions-in-dam/td-p/268191

      let me know if it’s answer your question

        Nishant-Singh
        Adobe Employee
        Nishant-SinghAdobe EmployeeAccepted solution
        Adobe Employee
        July 6, 2023

        Hi @rohankalra you can use javascript use api to check if the resource exist or not.

        1. create a js file in same component where your AEM sightly code is.

        use below 

         

        "use strict"; use(["/libs/wcm/foundation/components/utils/ResourceUtils.js"], function (ResourceUtils) { var path=this.pngpath; ResourceUtils.getResource(this.jpegpath) .then(function (node) { path = node.path; }); return path; });

         

        2. in your sightly code use below code

         

        <sly data-sly-test.jpegpath="${properties.fileReference}/jcr:content/renditions/{renditionName}.jpeg"/> <sly data-sly-test.pngpath="${properties.fileReference}/jcr:content/renditions/{renditionName}.png"/> <sly data-sly-use.imagepath="${'example.js' @ jpegpath=jpegpath,pngpath=pngpath}"></sly> ${imagepath.path}

         

         

          Terms & ConditionsAccessibility statement

          Loading footer...