Lesson 5: Set Up AEM to Use the Worker

Go to your AEM Cloud instance and open Tools -> Assets -> Processing Profiles, then create a new processing profile, e.g. My Worker test profile. On the Custom tab, configure your renditions to use your worker, as shown here:

These examples use renditions created following imgix configuration parameters; we don't need to escape JSON if it's used in AEM.

1. Crop an image to 300x300 px around faces if detected, or around busy sections of the image (entropy):

   Copy
   {
     "fit": "crop",
     "crop": "faces,entropy",
     "w": 300,
     "h": 300
   }
   Copied to your clipboard
   {
     "fit": "crop",
     "crop": "faces,entropy",
     "w": 300,
     "h": 300
   }

2. In addition, apply an ellipse mask around the cropped area:

   Copy
   {
     "fit": "crop",
     "crop": "faces,entropy",
     "w": 300,
     "h": 300,
     "fm": "png",
     "mask": "ellipse"
   }
   Copied to your clipboard
   {
     "fit": "crop",
     "crop": "faces,entropy",
     "w": 300,
     "h": 300,
     "fm": "png",
     "mask": "ellipse"
   }

3. This time, add a text watermark to the image:

   Copy
   {
     "h": 300,
     "w": 300,
     "fit": "crop",
     "crop": "faces,entropy",
     "mark": "https://assets.imgix.net/~text?w=200&txt-color=fff&txt=Hello+world&txt-size=16&txt-lead=0&txt-pad=15&bg=80002228&txt-font=Avenir-Heavy"
   }
   Copied to your clipboard
   {
     "h": 300,
     "w": 300,
     "fit": "crop",
     "crop": "faces,entropy",
     "mark": "https://assets.imgix.net/~text?w=200&txt-color=fff&txt=Hello+world&txt-size=16&txt-lead=0&txt-pad=15&bg=80002228&txt-font=Avenir-Heavy"
   }

As the last step, apply the profile to DAM folder:

Now you can upload images to the folder and observe results on the asset details page:

Photo by LinkedIn Sales Navigator on Unsplash

Last updated 12/11/2024

Was this helpful?

Yes

No