Images Tab
The panels on the Images tab provide an overview of the image assets and their settings.
The Images tab consists of the following panels:
Library Images
In this panel you can upload images to the StoreFront server for use when editing and designing your customizable product. Images are organized in different categories so you can choose to make some or all of them available to shoppers on the storefront.
•Product images: This is where you put images that can be used for this particular product by shoppers. A selection of images can be uploaded and shoppers can choose an image of their choice from the library, for example, to replace an image in the initial design.
•Store images: A separate library is available for every store and microstore in the system. This is where you keep images such as logos and clip-art that you would only use with a particular store. By default, this category cannot be used by shoppers.
 |
•My Images: A shopper can also upload images to the StoreFront server and these are managed in the My Images library.
NOTE: The My Images library is only visible on the storefront.
Design Images
This panel lists all the images which were included in the document when it was converted from InDesign. You can add images to this list if you need them while editing the original design of your document in the Online Editor. For example, if you want to assign a new image to an image frame in your document, you can add it here first.
Image Settings
In this panel you have the same image editing tools as on the in-line toolbar. You can crop and flip, or replace an existing image in an image frame, or assign an image to a new frame.
Select an image frame in the document to see its settings in the Image Settings panel.Add a new frame in the document and use the Image Settings panel to select an image from the libraries and position the image in the document.Assign Image button
Click this button to select an image from your assets library and assign it to the selected frame. If the frame already has an image, this image is removed from the frame and replaced with the new one.
Clear Image button
Click this button to remove the image from the selected frame, not the library.
Flip
Click the icons to flip the selected image:
 | Flips the object back to its original orientation. | |
 | Flips horizontally. | |
 | Flips vertically. | |
 | Flips horizontally and vertically. |
In addition, you have the following options for extra control:
Display Quality
This setting specifies how you see images and PDF elements in the preview of your documents. Select a quality setting from the drop-down list if you want to override the quality setting of the document. You may also want to do this if your document contains complex image elements (e.g. gradient fills or gradient text), and the preview is not processed correctly. You can see a better preview by specifying a quality setting here.
 |
•Document Setting: Displays the preview as set in the document; this is the default setting when you open the document.
•Session Only: These settings are only used for previewing during the current working session; when you open the document again after saving, the quality setting is reverted to the document setting.
NOTE: The locked layers of your document are converted to PDF, so these are also affected by the image setting.
Fit
Several fitting options are available if the image you assign to a frame is not the same size as the frame.
 |
•Frame: The frame is expanded on all sides so the image fits in the frame in its original proportions.
•Stretch: The image is resized to fit inside the frame, without maintaining its proportions. Select the Allow crop contents check-box to crop, resize and move the image within the frame while the stretched proportions are preserved.
•Proportional: The image is resized until the height or width fits inside the frame. If the proportions of the frame are not the same as the image proportions, you will see empty bands along the sides of the frame. You can change the alignment of the image inside the frame by choosing one of the Anchor options.
•Manual: You can resize the image by dragging the image handles (only proportional), and crop the image by dragging it beyond the frame borders.
•Proportional, Outside: The image is resized until the height or width fits inside the frame; if the proportions of the frame are not the same as the image proportions, parts of the image appear outside the frame. You can change the alignment of the image in the frame by choosing one of the Anchor options.
•Original Size: The size of the frame adapts to the original size of the image and will fit the image in that frame.
•Smart Fit: Allows you to automatically position an image within a smaller frame based on a specific focus on part of that image. See “Smart Fit an image”.
Anchor
You can select one of the following anchor points within a frame to position an image whose size does not match the frame size, for example after applying fitting.
 |
•Top Left
•Top
•Left
•Center
•Right
•Bottom Left
•Bottom
•Bottom Right
 |
Image Dimensions
This read-only panel displays the image properties of a selected image.
To add an image to the library
1 In the Images tab, select a library category in the list and click the Browse button.
The images list is displayed.
 |
2 Click the Browse for local file button to add an image to the library list.
The following file formats are recommended:
•JPG
•TIF
•EPS (fonts embedded)
The following files are supported but the quality may be insufficient for printing:
•PNG
•GIF
The following files can be used but not all the features are supported:
•PDF (fonts embedded)
•AI (fonts embedded)
•PSD (fonts embedded)
Some of these image file formats offer advanced functions such as layers or embedded transfer curves that may not be supported in the Online Editor. In some cases it may be required to convert files to PDF or another format before using them in the Online Editor.
Files must be added one by one. The selected images are added to the list.
NOTE: See “Use PrintSphere to upload images in bulk” for uploading images in batches.
 |
3 Click the X button next to an image if you want to remove it from the library.
Use PrintSphere to upload images in bulk
To filter/search the image library
1 Click the Search button.
 |
The search box is displayed.
TIP: Use Search and leave the search field empty to see a list of all the library images in the system.
2 Enter your search keywords and click the Search button on the right.
 |
The results panel first goes blank and then displays the search results.
NOTE: The search is performed across all the library categories even if you selected a library category, and you may need to wait a few moments before the results appear.
3 Clear the search box and click Search again to see a list of all library images in the system.
Smart Fit an image
The Smart Fit option lets you automatically position an image within a smaller frame based on a specific focus on part of that image. The focus is defined by specifying a "Point of Interest" on the image and the "Subject Position" which is the position in the frame where you want this focus point to be shown. This option ensures that the right part of the image is shown in the right proportion, especially in dynamic layouts where an image frame can have different width and height rations.
1 Choose Smart Fit in the Image Settings. See “Image Settings”.
 |
2 Choose Edit Point of Interest to specify the subject area.
 |
Drag the red cross to the desired location and specify the subject area by resizing the frame with the blue handles.
3 Define the Subject Position (the location in the image frame where the focus should be) by dragging the green area which is superimposed on the image.
 |
The coordinates change accordingly.
 |
The subject area is positioned relative to the coordinates of the image frame. In the example, the X position of the subject frame is 28.4% of the width of the image frame, and the same applies to Y, W(idth) and H(eight).
doc. version 6.0.4