• Context
  • Index
  • Home
  • Catalog
    • Departments
      • Landing Page
      • Foundation
      • Managing Products
    • Product
      • Landing Page
      • Foundation & Description
      • Departments
      • Cross Sales
      • Properties
      • Relations
      • Specifications
    • Brand
    • SEO Download
  • Marketing
    • Promotions
      • Landing Page
    • Cross Sales
      • Landing Page
      • Creating & Editing
      • Mass Upload
    • Site Ads
      • Landing Page
      • Creating & Managing
      • Performance Reports
      • Ad Weights
    • Referrers
      • Referrer Landing Page
      • Creating a Referrer
      • Using the RefererID
      • Landing Page
      • RefID Detail Report
      • Referrer and Conversion Analysis
      • Increasing Conversion Ratio
      • Tracking Return on Referrers
      • Referrer tracking conclusion
    • Store Locator
      • Mass Upload
      • Manual Upload
      • Data Controller
      • Deleting Listings
      • Editing Listings
    • Image Manager
      • Process of Uploading Images
        • FTP Upload of images
      • About Image Quality and File Formats
      • About Aspect Ratio (Shape)
      • Where to Get Source Images
      • Landing Page
      • Image Edit Page
      • Manage Variants
        • Managing Variants with Multiple Languages
    • Data Feeds (BETA)
    • Reviews
      • Landing Page
  • Reports
    • Orders
      • Landing Page
      • Currency Summary
      • Quick Search
      • Advanced Search
      • Order Status
        • Status Setup
        • Using Status in Order Manager
        • Status Mass Upload
        • Quick Tip Videos
  • Language
    • Categories
    • Edit LRM's
  • Shipping Manager
    • About Shipping Groups
    • Creating and Editing Shipping Groups
      • Country Groups
      • State/Province Groups
      • City Groups
    • Populating the Shipping Group
    • Case Study for Setting up Shipping Groups
    • Setting up Shipping Methods
      • Case Study for Setting up Shipping Methods
  • Gift Certficate Implementation
  • Open Graph
  • CommerceCM Help Request
  • About Shipping Groups
  • Aspect Ratio (Shape)
  • CommerceCM Help
  • Create and Edit City Groups
  • Create and Edit Country Groups
  • Create and Edit Shipping Groups
  • Create and Edit State/Province
  • Creating and Editing
  • Cross Sales
  • Cross Sales - Landing Page
  • Data Feed Generator (Beta)
  • Departments
  • Design Implications
  • Getting Source Images
  • Image Landing Page
  • Image Manager
  • Image Quality and File Formats
  • Landing Page
  • Populating the Shipping Group
  • Process of Uploading Images
  • Setting Up Shipping Methods
  • Shipping Groups Case Study
  • Shipping Manager
  • Shipping Methods Case Study

About Aspect Ratio (Shape)

Aspect ratio is a fancy term for the width-to-height ratio of an image. For example, an image that is 1600 x 1200 (height x width) will have an aspect ratio of 1200/1600 or 0.75. Conversely, an image that is 1200 x 1600 (height x width) will have an aspect ratio of 1600/1200 or 1.33.

As discussed earlier, when you upload an image into Image Manager, the source image will be converted into one or more web-ready images for use by your site.
It is important to realize that each variant image will be configured with a specification resolution. The figure below shows an example of a product image specification. 

Manager basket.jpg

From this, we know the product’s basket image will be 50 x 44 (Height x Width). This means the aspect ratio for this image is 0.88. It’s important to note that all other variants of this product image (small, medium, large, thumb and extra large) all have exactly the same aspect ratio. 

When obtaining/creating source images for upload into CommerceCM, there are three basic rules to follow:

1. The source image used for this product image should have an aspect ratio very close to the actual aspect ratio being used.

2. The source image should have dimensions larger than the largest dimension which will be used by any image variant.

An image with a different aspect ratio may be used, but Image Manager will adjust the size of the image such that the longest dimension of the source image is adjusted to match the longest dimension of the target image. The shorter dimension will be adjusted accordingly in order to preserve the aspect ratio of the source image. Image Manager will not stretch, skew or pad any images.

Aspect ratios are either less than 1.00 or greater than 1.00 – sometimes called portrait and landscape aspect ratios respectively. While it is important to use a source image with an aspect ratio that is very close to the target image’s aspect ratio, it is especially important to use a source image which has the same portrait/landscape value as the target image.

+1 (888) 374 0906