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

...

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

Standard Style Website Header

...

Image:

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

• 1920px 1170px Width 500px 300px Height

Image Acceptability Criteria:

• Minimum Width: 1800px (Ensure that the active area is 1200px centred)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)

• 1170px 850px Width 300px 230px Height

Image Acceptability Criteria:

• Minimum Width: 1170px850px
• Minimum Height: Any

...

Full-Width Style Header Header Slideshow Image:

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

• 850px 1920px Width 230px 500px Height

Image Acceptability Criteria:

• Minimum Width: 850px1800px (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:

...

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

Website Areas:

Website Main Area Width

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

Email and Mobile Logo:

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

Social Media Image / Favicon:

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