Skip to content

How to preview image transformations

This guide explains how to use Photo Center to extract Image Resizer v2 URLs and preview image transformations on your browser before implementing them as part of your custom components. Arc XP recommends previewing and testing image transformations to prevent Image Resizer errors and failovers after deploying to production.

1. Determining the base URL

Your base URL depends on the status of your website:

  • If you have not launched your website, your base URL follows this pattern:
    https://{org}-{default-website}-{env}.web.arc-cdn.net/
  • If you have launched your website, your base URL follows this pattern:
    https://{website-name}/

2. Getting the Resizer v2 image URL

To get the base Resizer v2 image URL, take the following steps:

  1. On your Arc XP dashboard, click the Photo Center tile.

    The image gallery displays.

  2. Click the edit icon of the image you want to transform.

    The image details screen displays.

  3. Copy the string from the PATH TO RESIZER field.

  4. To get the complete Image Resizer v2 URL, add the PATH TO RESIZER to your base URL.

3. Applying transformations with query parameters

Once you have the complete Image Resizer v2 URL, you can paste it into your browser and load the original image without any transformations. To transform an image, add query parameters to the URL. The following example includes the width and height parameters:

https://{website-name}/resizer/v2/QJNOKPDINFAXRBH24TNOZW43QY.jpg?auth=2f4dc8149972f3846dce6d3343e253050d5846acb631342fcbe5baa0e0eb085e&width=500&height=600