logo
logo

Advanced options for public links

Sitecore Content Hub lets you manipulate public links to create layered images, or apply transformations on existing renditions. These advanced options can speed up the process of creating public links for similar image assets.

Layered images

You can create interchangeable layered images by chaining public links. This lets you create backgrounds and filter image assets with matching ratios, and then use them as templates.

The following example illustrates what the URL looks like when you chain public links:

https://<hostname>/api/content/<image1_url>?&b=<image2_url>,<image3_url>

Where hostname is your Content Hub instance URL, and 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.

When using the advanced options for public links, it is important to note that:

  • 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.
  • For chained public links, you can only apply a transformation on the first link.
Important
  • You cannot transform files bigger than 50Mb.

The following example creates the public links of three assets:

  • The first image URL is Background_1. This rendition is the background image.

  • The second image URL is Filter_1. This rendition is a filter.

  • The third image URL is Product_1. This rendition is the foreground image.

To chain these three renditions, open one of the public links, then chain the two others.

Important

The overlay works in the example because it uses .png file formats with transparent backgrounds for the filter image and the product image.

Transformations

With transformations, you can generate dynamic renditions of an asset from an existing public link without regenerating a new public link.

You add transformations using the t= parameter in the public link.

In the following example, the resize transformation t=w320 is applied on the chained public link composed of the Background_1, Filter_1, and Product_1 URLs.

Note

The example applies a transformation on a chained public link, but you can also transform simple public links.

Can we improve this article ? Provide feedback