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 along with the last modification date, indicated by the Pencil icon displays.
Within the image set, you can also create swatches by creating an Image Set and adding thumbnails.
This application is particularly useful for when you want to show an item in a different color, pattern, or finish. To create a 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.
For information on the Assets user interface, see Managing assets with the Touch UI.
Start by uploading the images for your Image Sets. Because users can zoom on images in the Image Set Viewer, take zooming into account when you choose images. Make sure that the images are least 2000 pixels in the largest dimension. AEM Assets supports many image file formats, but lossless TIFF, PNG, and EPS images are recommended.
In Image Sets, users click thumbnail images in the Image Set Viewer to see an image from a different side or angle.
To create an Image Set in Assets, tap or click Create > Image Sets. Then, add images and click Save.
Set up 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 menu, select Viewers.
See Tools > Assets > Viewer Presets to create or edit viewer presets.
AEM 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 web site.
Select the Image Set, then in the left rail drop-down menu, select Viewers.
Start by uploading the images for your Image Sets. Because users can zoom on images in the Image Set Viewer, take zooming into account when you choose images. Make sure that the images are least 2000 pixels in the largest dimension. Image Sets supports many image file formats, but lossless TIFF, PNG, and EPS images are recommended.
You can upload images for Image Sets as you would upload any other asset in Assets.
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 what it looks like or does.
Because users can zoom images in Image Sets, make sure that the images are at least 2000 pixels in the largest dimension. Assets supports many image file formats, but lossless TIFF, PNG, and EPS images are recommended.
In addition if you are using thumbnails to indicate product swatches, you need to do the following:
You need 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.
You can create Image Sets through the user interface or via the API. This section describes how to create Image Sets in the UI.
In Image Set Title, enter a name for the Image Set. The name appears in the banner across the Image Set. Optionally, enter a description. Click Next.
When creating the image set, you can change the image set thumbnail or allow AEM to select the thumbnail automatically based on the assets in the image set. To select a thumbnail, click Change thumbnail manually and select any image (you can navigate to other folders to find images as well). If you have selected a thumbnail and then decide that you want AEM to generate one from the image set, select Automatic thumbnail.
Re-order the images by dragging them up or down the list (must select the reorder icon), as necessary.
If you want to add thumbnails, click the + thumbnail icon next to the image and navigate to the thumbnail you want. When done selecting all the thumbnail images click Save.
If you want to add assets after you have reached the Reorder step, tap or click Add Asset.
You can perform a variety of editing tasks to assets in Image Sets directly in the user interface as you would any asset in Assets. You can also perform the following actions in Image Sets:
- Add images to the Image Set.
- Re-order images in the Image Set.
- Delete assets in the Image Set.
- Delete the Image Set.
- Add thumbnails.
To edit an Image Set:
To edit the images in the Image Set, do any of the following:
- To add an image, click the Add Asset icon then navigate to the assets you want to add in your Image Set. Select them and click Next.
- To reorder images, drag an image to a new location (select the reorder icon to move items).
- To add a thumbnail, select the thumbnail next to the appropriate asset.
- To delete an asset, select it and tap or click Remove Asset.
- To delete an entire Image Set, navigate to the Image Set, select it, and select Delete.
- You can edit the images in an Image Set by navigating to the set, clicking Set Members in the left rail, and then clicking or tapping the Pencil icon on an individual asset to open the editing window.
To preview Image Sets, see Previewing assets.
See Publishing Assets for details on how to publish Image Sets.