Create layered images

You can create a layered image by chaining public links. This lets you create backgrounds, for example, and then filter image assets with matching ratios to use as templates.

When you chain public URLs, the URL is:

https://<sitecore-content-hub-instance>/api/content/<image1_url>?&b=<image2_url>,<image3_url>

Where:

  • b is the image merging parameter.

  • image1_url, image2_url, and image3_url are the public links of the image assets you want to merge. You must separate chained public links with a comma.

Note

You can chain as many public links as you want.

In the following example, the public link for the background layer called back2 is:

https://<sitecore-content-hub-instance>/api/public/content/back2

Background layer
Note

The name for the public link URL path (back2) is defined when you create or edit the public link. In this example, the overlay works because it uses .png file formats with transparent backgrounds.

To add a layer on top, the public link for the second image called product2 is appended:

https://<sitecore-content-hub-instance>/api/public/content/back2?b=product2

Layer 2

When you layer images, images in a layered file format, such as .ai, .psd, or .pdn, do not offer the transformation functionality in their original format. However, because Preview and Thumbnail do not render in .png, these renditions support transformations. You cannot, however, apply transformations to a chained public link.

Important

You cannot transform files bigger than 50 Mb.

Do you have some feedback for us?

If you have suggestions for improving this article,