Level 4

Solved

Smart Crop not working Dynamic media Image v2

4 replies
693 views
Translate

Hi all,

In Image component v2 dynamic media smart crop is not working with any rendition in AEMaaCS.

AUTO or a custom one.

After checking renditions image is not visible.

After selecting :-

Image presets are working fine.

Any suggestions will be helpful

Thanks in advance.

muskaanchandwaniAccepted solution

Employee

Hello @lone_ranger
Please use the V3 Image Component and ensure you're using the latest compatible Core Components Versions [1].

Also :
> Within Page Policy add the "core.wcm.components.image.v3" clientlibs.
> Within Template, for Image (Core Component) - select policy – and check "Enable DM Feature".

[1] https://experienceleague.adobe.com/en/docs/experience-manager-core-components/using/versions

aanchal-sikka

New Participant

@lone_ranger Did you find the suggestions helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!

Translate

Aanchal Sikka

muskaanchandwaniAccepted solution

Employee

Hello @lone_ranger
Please use the V3 Image Component and ensure you're using the latest compatible Core Components Versions [1].

Also :
> Within Page Policy add the "core.wcm.components.image.v3" clientlibs.
> Within Template, for Image (Core Component) - select policy – and check "Enable DM Feature".

[1] https://experienceleague.adobe.com/en/docs/experience-manager-core-components/using/versions

Translate

L

lone_RangerAuthor

Level 4

Hi @muskaanchandwani,

Thank you! image is visible now but smart crop auto is not working, it is always picking "small" rendition

Translate

AmitVishwakarma

Level 1

Hi @lone_ranger ,

Try below steps:

1. Confirm Dynamic Media is Enabled and Working
Ensure:
- Dynamic Media is enabled.
- The asset is published to Dynamic Media.
- In CRXDE, the asset should have:
/jcr:content/metadata/dam:scene7File
and
/jcr:content/renditions/dynamicmedia

2. Image Component Configuration
- Drag and drop Image (v2) component.
- In Edit mode, under Metadata tab:
    - Preset Type: Smart Crop
    - Rendition: Use Auto or any valid smart crop.
    - Ensure the asset used is Dynamic Media-enabled.

3. Check if Smart Crop Renditions Exist
In AEM:
- Go to the Assets Console → Open the image.
- Under Smart Crop View, check if crops are generated.
If not:
- Use the “Smart Crop” option in the asset UI to generate renditions.
- Publish the asset again after Smart Crop is added.

4. Template Policy Configuration
Go to:
/conf/<your-site>/settings/wcm/policies/<your-template>/image-v2
Ensure:

{
  "cq:policy": {
    "features": [
      "smartCrop",
      "dynamicMedia"
    ],
    "components": [
      "core/wcm/components/image/v2/image"
    ]
  }
}

5. Dispatcher/CDN Caching Issue

Sometimes Smart Crop URLs are not rendered properly due to caching issues:

- Try appending ?v=2 or ?cache_buster=timestamp to bypass CDN.

- Or temporarily disable caching to test.

6. Smart Crop URL Verification

Check the HTML output or network tab in browser:

- The <img> tag src should point to a Dynamic Media URL like: https://<your-dm-endpoint>/is/image/<asset-name>?cropParams

If it's blank or broken, Smart Crop rendition is missing or not linked properly.

7. Reprocess the Asset (if needed)

If nothing works:

- Unpublish the image from Dynamic Media.

- Reupload and reprocess it.

- Apply Smart Crop manually again.

- Republish.

Verification

Once all is set:

- Select Smart Crop + Auto in the image config.

- The image should render via a DM URL, cropped accordingly.

Regards,
Amit

Translate

Sign up

Login with SSO

Login to the community

Login with SSO