Smart Crop not working Dynamic media Image v2

[lone_Ranger]

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.

[AmitVishwakarma]

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

[muskaanchandwani · Accepted solution]

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

[lone_Ranger]

Hi @muskaanchandwani,

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

[aanchal-sikka]

@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!