Image Thumbnails

Thumbnails are miniature versions of an image you've made available on XSellerate. In most cases, they're used in image galleries as a means of making the page load more quickly as smaller image files do not take as long to load. The idea of the image gallery is that your viewers click the images in which they are interested to see the larger versions. If you decide to build an image gallery in XSellerate, need to create an image thumbnail for another reason, or just need to resize an image (file size and all), you can use XSellerate's built‑in thumbnail creation tool to do the job. To create an image thumbnail or resize an image:

  1. In the Content Editor, click the Image Manager icon (  ) in your toolbar.
  2. You're presented with a list of files that you've uploaded to XSellerate. Click the file you want to resize or turn into a thumbnail.
  3. In the toolbar above the image preview, click the Create Thumbnail button to the far right.
  4. The preview is replaced by the Create Thumbnail screen asking for details about your new image. A suggested file name appears in the New Image Name field. If you're satisfied with this name, continue filling out the details of your thumbnail (or resized) image. If not, type in a new file name for your scaled image. Keep in mind that if you're resizing an existing image, you can either create a new file sized to fit your specifications or you can overwrite the existing file in your File Library by changing the file name to the same name as the original file.

  5. Decide whether you want to scale your image by percent of its current size or by its pixel width and height. Once you've decided, choose the appropriate option from the Dimension Unit drop‑down menu.
  6. If you want to ensure that you do not stretch or skew the image so that it appears distorted, check the Constrain Proportions box.
  7. If you want to ensure that any existing file with the file name you specified earlier are overwritten by the new file, check the Overwrite if File with Such Name Exists box.
  8. Finally, type the width and/or height to which you wish to scale the image. As you do this, keep in mind whether you're scaling by percentage or by pixel width/height.
  9. When finished, click Create to create the image.

The scaled image or thumbnail is automatically added to your File Library. At this point, since the Image Manager remains open, you can continue to insert the new scaled image into your page or continue creating thumbnails as you see fit.