Image Sets image-sets

Image Sets give users an integrated viewing experience, where users can see different views of an item by clicking a thumbnail image. Image Sets let you present alternative views of an item and the viewer offers zooming tools for examining images closely.

Image Sets are designated by a banner with the word IMAGESET. In addition, if the Image Set is published, then the publish date, indicated by the World icon is on the banner. Also, the last modification date, indicated by the Pencil icon, is displayed.

chlimage_1-133

Within the image set, you can also create swatches by creating an Image Set and adding thumbnails.

This application is useful for when you want to show an item in a different color, pattern, or finish. To create an Image Set with color swatches, you need one image for each different color, pattern, or finish you want to present to users. You also need one color, pattern, or finish swatch for each color, pattern, or finish.

For example, suppose you want to present images of caps with different color bills; the bills are red, green, and blue. In this case, you need three shots of the same cap. You need one shot with a red, one with a green, and one with a blue bill. You also need a red, green, and blue color swatch. The color swatches serve as the thumbnails that users click in the Swatch Set Viewer to see the red-billed, green-billed, or blue-billed cap.

NOTE
For information on the Assets user interface, see Manage assets with the Touch UI.

When you create an Image Set, Adobe recommends the following best practices and enforces the following limits:

Limit type
Best practice
Limit imposed
Number of duplicate assets per set
No duplicates
20
Maximum number of images per set
5-10 images per set
1000

See also Dynamic Media limitations.

Quick Start: Image Sets quick-start-image-sets

To get you up and running quickly:

  1. Optional. Create a batch set preset and apply it to a new folder where your spin set images are uploaded.

    A batch set preset can help you automate the creation of your image set.

    note important
    IMPORTANT
    Batch sets are created by the IPS (Image Production System) as part of asset ingestion.
  2. Upload your primary source images for multiple views.

    Upload the images for your Image Sets. Remember that users can zoom on images in the Image Set Viewer. As such, choose your images carefully. Make sure that the images are least 2000 pixels in the largest size.

    See Dynamic Media - Supported raster image formats for a list of formats supported by Image Sets.

  3. Create Image Sets.

    In Image Sets, users click thumbnail images in the Image Set Viewer.

    To create an Image Set in Assets, select Create > Image Sets. Then, add images and click Save.

    See Prepare Image Set assets for upload and Uploading your files.

    See Work with Selectors.

  4. Add Image Set Viewer presets, as needed.

    Administrators can create or modify Image Set Viewer Presets. To see your image set with a viewer preset, select the image set, and in the left-rail drop-down list, select Viewers.

    To create or edit viewer presets, see Tools > Assets > Viewer Presets.

  5. (Optional) View Image Sets that were created using batch set presets.

  6. Preview Image Sets.

    Select the Image Set and you can preview it. To examine your Image Set in the selected Viewer, select the thumbnail icons. You can choose different viewers from the Viewers menu, available from the left rail drop-down list.

  7. Publish Image Sets.

    Publishing an Image Set activates the URL and Embed string. In addition, you must publish any custom viewer preset that you have created. Out-of-the box viewer presets are already published.

  8. Link URLs to your Web Application or Embed the Video or Image Viewer.

    Experience Manager Assets creates URL calls for Image Sets and activates them after you publish the image sets. You can copy these URLs when you preview assets. Alternatively, you can embed them on your website.

    Select the Image Set, then in the left rail drop-down list, select Viewers.

    See Link an Image Set to a web page and Embed the Video or Image Viewer.

To edit Image Sets, see editing Image Sets. In addition, you can view and edit Image Set properties.

If you have issues creating sets, see Images and Sets in Troubleshoot Dynamic Media.

Upload assets for Image Sets uploading-assets-in-image-sets

Start by uploading the image assets for your Image Sets. Remember that users can zoom on images in the Image Set Viewer. As such, choose your images carefully. Make sure that the images are least 2000 pixels in the largest size for optimal zoom detail. Dynamic Media can render images up to 25 megapixels each. For example, you could use a 5000x5000 megapixel image or any other size combination up to 25 megapixels.

See Dynamic Media - Supported raster image formats for a list of formats supported by Image Sets.

You can upload images for Image Sets as you would upload any other asset in Assets.

Prepare Image Set assets for upload preparing-image-set-assets-for-upload

Before creating Image Sets, make sure that the images are the right size and format.

To create a multiple-view Image Set, you need images that show an item from different points of view or show different aspects of the same item. The goal is to highlight the important features of an item so viewers have a complete picture of how it appears or what it does.

Because users can zoom images in Image Sets, make sure that the images are at least 2000 pixels in the largest size. Experience Manager Assets supports many image file formats, but lossless TIFF, PNG, and EPS images are recommended.

NOTE
If you use thumbnails to indicate product swatches, do the following:
Create vignettes or different shots of the same image showing it in different colors, patterns, or finishes. You also need thumbnail files that correspond to the different colors, patterns, or finishes. For example, to present thumbnails with an Image Set showing the same jacket in black, brown, and green, you need:
  • A black, brown, and green shot of the same jacket.
  • A black, brown, and green color thumbnail.

Create Image Sets creating-image-sets

You can create Image Sets through the user interface or by way of the API.

NOTE
You can also create image sets automatically through batch set presets.
Important: Batch sets are created by the IPS (Image Production System) as part of asset ingestion.

When you add assets to your set, they are automatically added in alphanumeric order. You can manually reorder or sort assets after they have been added.

NOTE
Image sets are not supported for assets with “,” (comma) in the filename.

When you create an Image Set, Adobe recommends the following best practices and enforces the following limits:

Limit type
Best practice
Limit imposed
Number of duplicate assets per set
No duplicates
20
Maximum number of images per set
5-10 images per set
1000

See also Dynamic Media limitations.

To create Image Sets:

  1. In Adobe Experience Manager, select the Experience Manager logo to access the global navigation console.

  2. Select Navigation > Assets. Navigate to where you want to create an image set, then go to Create > Image Set to open the Image Set Editor page.

    You can also create the set from inside a folder that contains your assets.

    6_5_imagesets-createpulldown

  3. In the Image Set Editor page, in the Title field, enter a name for the image set. The name appears in the banner across the Image Set. Optionally, enter a description.

    6_5_imageset-creatingnewset

  4. Do either one of the following:

    • Near the upper-left corner of the Image Set Editor page, select Add Asset.

    • Near the middle of the Image Set Editor page, select Tap to open Asset Selector.

    Select to select assets that you want to include in your Image Set. Selected assets have a check mark icon over them. When you finish, near the upper-right corner of the page, select Select.

    With the Asset Selector, you can search for assets by typing in a keyword and selecting Return. You can also apply filters to refine your search results. You can filter by path, collection, file type, and tag. Select the filter and then select the Filter icon in the toolbar. Change the view by selecting the View icon and selecting Column View, Card View, or List View.

    See Working with Selectors.

    6_5_imageset-addingassets

  5. When you add assets to your set, they are automatically added in alphanumeric order. You can manually reorder or sort assets after you add them.

    If necessary, drag an asset’s Reorder icon to the right of the asset’s filename to reorder images up or down the set list.

    6_5_imageset-reorderassets

    If you want to change a thumbnail or swatch, click the + thumbnail icon next to the image and navigate to the thumbnail or swatch you want. When done selecting all the images click Save.

  6. (Optional) Do any of the following:

    • To delete an image, select the image and select Delete Asset.

    • To apply a preset, near the upper-right corner of the page, select Preset, then select a preset to apply to all the assets at once.

    note note
    NOTE
    When creating the image set, you can change the image set thumbnail. Or, you can let Experience Manager select the thumbnail automatically based on the assets in the image set. To select a thumbnail, select Change thumbnail above the Title field on the Image Set Editor page. Then, select any image (you can navigate to other folders to find images as well). If you selected a thumbnail, then decide you want Experience Manager to generate one from the image set, select Switch to Automatic thumbnail.
  7. Click Save. Your created Image Set appears in the folder you created it in.

View Image Sets viewing-image-sets

You can create image sets either in the user interface or automatically using batch set presets.

IMPORTANT
Batch sets are created by the IPS [Image Production System] as part of asset ingestion.

However, sets created using batch set presets, do not appear in the user interface. You can view these sets in three different ways. (These methods are available even if you created the image sets in the user interface).

  • Open the properties of an asset. Properties indicate what sets the selected asset is referenced or a member of. To see the entire set, select the set name.

    6_5_imageset-assetproperties

  • From a member image of any set. Select the Sets menu to display the sets that the asset is a member of.

    6_5_imageset-setspulldownmenu

  • From search, you can select Filter, then expand Dynamic Media and select Sets.

    The search returns matching sets that were manually created in the UI or automatically created through batch set presets. For automated sets, the search query is conducted using “Starts with”. This search criteria is different from Experience Manager which is based on using “Contains”. Setting the filter to Sets is the only way to search automated sets.

    chlimage_1-134

NOTE
You can view sets by way of the user interface as described in Editing Image Sets.

Edit Image Sets editing-image-sets

You can perform various editing tasks on Image Sets such as the following:

  • Add images to the Image Set.
  • Reorder images in the Image Set.
  • Delete assets in the Image Set.
  • Apply viewer presets.
  • Delete the Image Set.

To edit Image Sets:

  1. Do any one of the following:

    • Hover over an Image Set asset, then select Edit (pencil icon).
    • Hover over an Image Set asset, select Select (check mark icon), then select Edit in the toolbar.
    • Select on an Image Set asset, then select Edit (pencil icon) in the toolbar.
  2. To edit the images in the Image Set, do any of the following:

    • To reorder assets, drag an image to a new location (select the reorder icon to move items).

    • To sort items in ascending or descending order, click the column heading.

    • To add an asset or update an existing asset, click the Add Asset. Navigate to an asset, select it, then select Select near the upper-right corner of the page.

      note note
      NOTE
      If you delete the image that Experience Manager uses for the thumbnail by replacing it with another image, the original asset still displays.

      * To delete an asset, select it and select **Delete Asset**.

    • To apply a preset, near the upper-right corner of the page, select Preset, then select a viewer preset.

    • To add or change a thumbnail, select the thumbnail icon next to the right of the asset. Navigate to the new thumbnail or swatch asset, select it, then select Select.

    • To delete an entire Image Set, navigate to the Image Set, select it, and select Delete.

    note note
    NOTE
    You can edit the images in an Image Set. Navigate to the set and select Set Members in the left rail. To open the editing window, select the Pencil icon on an asset.
  3. Select Save when you are done editing.

Preview Image Sets previewing-image-sets

See Preview assets.

Publishing Image Sets publishing-image-sets

See Publish Assets.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab