Per-gallery image sizes

When an image is uploaded, several sizes are automatically generated.  To see an example of these, go to any image gallery in the Admin Panel, and click on any image twice.  A new browser window will open with the different image sizes, like so:



The automatically generated sizes are referred to as the:
 
  • Smallest image
  • Thumbnail image
  • Big image
  • Biggest image

Three important image gallery settings help determine the sizes generated for each image at upload.  These settings are as follows:
 
  • Thumbnail Image Height
  • Big Image Width
  • Biggest Image Height



They can be found in the Advanced options for each image gallery, and appear like so:




You can also click View All in an image gallery to see all the images in a particular size.



On the following page you can preview the different sizes for all images, like so:




These settings are used within the following rules:
 
  • The Smallest image size will always be 100 pixels wide.
    • The Smallest image height is scaled proportionally.
  • The Thumbnail image size will always be sized at a height equal to the Thumbnail Image Height setting. 
    • The Thumbnail image width is scaled proportionally.
  • The Big image size will always be sized at least as wide as the Big Image Width setting. 
    • However, if the Thumbnail image width happens to larger than the Big Image Width setting (eg. if the image is very horizontal) a calculated width (Thumbnail image width x 1.2) will be used instead.  This ensures that the Big size image is always larger than than the Thumbnail size image.
    • The Big size image height is scaled proportionally.
  • The Biggest image size will have a height at least as tall as the Biggest Image Height setting.
    • However, if the Big size image is taller than the Biggest Image Height setting (eg. if the image is very tall) the Big size image's height will be used.