Page Comparison

Image content for your Straightsell website can be divided into three types:

• Website Template Images:
  These are images that will populate the non catalogue areas of the website like the header. You are requested to supply these image images using the recommendations outlined below as a priority.
  
  
• eCommerce (Catalogue) Images:
  These are images that will be assigned to products and categories.
  
  
• Media Images
  These are images that can be assigned to news or blog articles.

Anchor
Website Images Website Images

Website Template Images:

Please supply images for the relevant website locations using the recommendations outlined below.

Company Logo Image

...

Company Logo Image:

...

:

This is the first image you need to supply us and will be used regardless of your template choice in areas including the Logo Style Template (if chosen), the mobile version of any of our templates and order confirmation emails.

All of our Public Demonstration Website Use:

• 430px Width 100px Height

...

• Minimum Width: 430px
• Minimum Height: Any

Full Width Style Website Header Slideshow Image:

Public Demonstration Website Uses (View Full Width Website):

• 1920px Width 500px Height

Image Acceptability Criteria:

...

Review the next few image types based on your chosen template style: 

Standard Style Website Header Image:

Public Demonstration Website Uses (View Standard Style Demo Website)

• 1170px Width 300px Height

...

• Minimum Width: 1170px
• Minimum Height: Any

Standard Style & Logo Style Website Slideshow

...

Images:

Public Demonstration Website Uses (View Logo Style Demo Website / View Standard Style Demo Website)

• 850px Width 230px Height

...

• Minimum Width: 850px
• Minimum Height: Any

...

Full-Width Style Header Header Slideshow Image:

Public Demonstration Website Uses (View Full-Width Style Demo Website):

• 260px 1920px Width 130px 500px Height

Image Acceptability Criteria:

• Minimum Width:  260px (3 per row layout), ? (2 per row layout), 187px (4 per row layout)Minimum Height: Any1800px (Ensure that the active area is 1200px centred)
• Minimum Height: Any

Website Areas:

Website Main Area Width

• 1200px Width
  • 900px (body)
  • 300px (left hand sidebar)

Email and Mobile Logo:

Note: This can generally created from the Company Logo Image.

• Width: Avoid exceeding 500px
• Height: Avoid exceeding 300px

Social Media and Mobile Image / Favicon:

This is the image shown if your website is shared on social media (eg LinkedIn or Facebook) or saved to the Home Screen of a mobile device. 

• Large Image must be 200 x 200px
• Smaller Image must be 32 x 32px

Anchor
eCommerce Images eCommerce Images

eCommerce (Catalogue) Images:

...

It is recommended that you upload category images that are square in orientation. See sizing below:

• 182px Width 182px Height

Brand Images:

Public Demonstration Website Uses:

• 260px Width 130px Height

Image Acceptability Criteria:

• Minimum Width: 260px (3 per row layout), 410px (2 per row layout), 187px (4 per row layout)
• Minimum Height: Any

Anchor
Media Images Media Images

Media Images:

Please review the recommendations below concerning product and category media images. Note that uploading use of images that do not meet the recommendation will result in a sub par visual appearance.

...

• Thumbnail: 189px Width 189px Height
• Main: Will displays actual size to maximum 848px