"DAM Update Asset" is a default workflow which is triggered whenever any asset is uploaded into the DAM. This workflow helps to limit the size and the quality of the image displayed.
Why Image Renditions are required:
- Using different size images on the websites.
- Images for different devices or viewPort.
- Reducing the page load time.
Existing Workflow Scenario:
Steps to create Custom Rendition:
- Go to the "DAM update asset" workflow
- Select "Process Thumbnails" Step.
Fig- Select and edit the Process Thumbnail Step |
- Add custom renditions as per your requirements
Fig - Add the Size of Rendition in Thumbnail Multifield |
Cropping:
To achieve this, follow below steps:
- Add Custom process(Rendition Image Cropping) step after “Process Thumbnail”.
- Edit the Rendition Image Cropping process step.
- Select the Process Tab.
- Add the WorkFlow Process (Image Rendition Cropping Workflow Process).
Fig- Add the New Process Step and Select the Custom Image Rendition Workflow process in the Process Tab |
- In the Process tab Configure the rendition size in Arguments field.
Fig- Configure The rendition size in the Arguments Section |
Example: Let’s suppose the original size of image is "2200*1200" and the required image size is "640*360" .
- Reduce the image from left and right equally ( 780px) to make the width as 640.
- Reduce the image from top and bottom equally ( 420px) to make the height as 320.
Fig- Sample Image showing the cropping concept |
Check the below code for Image Rendition Process:
You can see all the renditions like this:
Fig - Renditions Created Under Dam Hierarchy |
Demo Video:
You can install the package directly from here.
find the Git Repository
find the Git Repository
Mail us at sgaem.blog02@gmail.comg for any query or suggestion.
Hope it will help you guys !!👍
Thanks and Happy Learning 😊