Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Image watermarking - always show after cropping

Avatar

Avatar
Boost 10
Level 2
kimonp31365843
Level 2

Likes

10 likes

Total Posts

34 posts

Correct Reply

3 solutions
Top badges earned
Boost 10
Affirm 3
Validate 1
Ignite 3
Ignite 1
View profile

Avatar
Boost 10
Level 2
kimonp31365843
Level 2

Likes

10 likes

Total Posts

34 posts

Correct Reply

3 solutions
Top badges earned
Boost 10
Affirm 3
Validate 1
Ignite 3
Ignite 1
View profile
kimonp31365843
Level 2

13-11-2020

Hi all,

 

We are trying to achieve watermarking functionality in renditions as well as on-the-fly for the v2 core image component. We are using AEM 6.5 + SP6

 

So we want to 

1. Have renditions with watermark (we can modify the OOTB watermark workflow process step for this)

2. Show rendition when the image is shown in an image v2 core component (or even static reference to the image asset)

3. Show rendition even after cropping the image (as you might crop the watermark), when using the image v2 core component.

 

For items 2 and 3, what would be the way to go? Filter? Custom image servlet? And how to ensure the request serving is not "mixed" between OOTB filters/servlets and the custom  ones?

 

Thanks in advance for any inputs.

AEM 6.5 Asset filter images servlet watermark

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,428 likes

Total Posts

3,300 posts

Correct Reply

937 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,428 likes

Total Posts

3,300 posts

Correct Reply

937 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
Arun_Patidar
MVP

17-02-2021

Hi, the core component uses an adaptive image servlet but in DOM you can find the actual assets path(data-asset) as well and with the help of javascript you can change the img src with rendition based on media width.

 

Screenshot 2021-02-17 at 22.09.38.png

Answers (0)