{"id":231,"date":"2019-06-15T12:36:00","date_gmt":"2019-06-15T12:36:00","guid":{"rendered":""},"modified":"2020-01-17T07:35:05","modified_gmt":"2020-01-17T07:35:05","slug":"named-transform-image-servlet-image-renditions-on-the-fly","status":"publish","type":"post","link":"https:\/\/lhotsetechnologies.com\/blog\/named-transform-image-servlet-image-renditions-on-the-fly\/","title":{"rendered":"Named Transform Image Servlet (Image Renditions on the Fly)"},"content":{"rendered":"
ACS Commons Package version 3.19.0
\nAvailable version for this servlet is 1.5.0.  <\/p>\n

Purpose: <\/h2>\n

Many web site designs demands consistency of images based on their use within components. For example, a panoramic spotlight may demand the image be 960 x 400, and bio picture must be 100 x 100 and greyscale.<\/p>\n

 <\/div>\n
Some times we have some images on which we can not use image renditions generated by out of the box because of their cropped size. In that case we have to use our different types of dimensions for different types of component.  <\/p>\n
\n

 <\/p>\n

The ACS AEM Commons Named Transform Image Servlet allows specific image transforms to be defined centrally via OSGI configurations. These image transforms can be easily invoked via parameterized HTTP GET requests to image resources in AEM.<\/div>\n<\/div>\n
 <\/div>\n
So let see about ACS AEM Commons provided Image Transformers and how to use these transformers and what will the effect of these on images.<\/div>\n
 <\/div>\n
\n
\n

Supported \u201cimage-y\u201d resources<\/h2>\n

Almost any \u201cimage-like\u201d resource can be requested using the named transform URI parameterization, and the underlying image will be derived and rendered using the transformation parameters.<\/p>\n<\/div>\n

Pages (cq:Page):<\/div>\n
     HTTP GET \/content\/acme\/article.transform\/feature\/image.png<\/div>\n
Image component resources:
\n    HTTP GET \/content\/acme\/article\/_jcr_content\/image.transform\/feature\/image.png<\/div>\n
DAM Assets (dam:Asset):
\n    HTTP GET \/content\/dam\/images\/dog.jpg.transform\/feature\/image.jpg<\/div>\n
DAM Asset Renditions”<\/div>\n
    HTTP GET                 \/content\/dam\/images\/dog.jpg\/jcr:content\/renditions\/thumbnail.jpg.transform\/feature\/image.jpg<\/div>\n
   \u201cRaw\u201d Binary Images (nt:file or nt:resource):
\n     HTTP GET \/etc\/designs\/acme\/images\/cat.png.transform\/feature\/image.jpg<\/div>\n<\/div>\n

1. Resize:<\/h2>\n

Resizes the image to the specified width and\/or height.<\/p>\n

Name<\/div>\n
 <\/div>\n
\n