Image Size Requirements

Image Size Requirements

Some of the image zones within the site do require a specific image size otherwise they may distort the image when the page renders. For your easy reference please see below a table detailing the image size requirements throughout the site, with notes on specific widget limitations.


Widget

Image Size (Pixels)

Notes

Advertisement Bar (Full Width)

1200 w  x  145 h

Width is the only limitation, height of the widget will scale dynamically as per the image.

Advertisement Bar

(Sidebar)

250 w  x  250 h

Width is the only limitation, height of the widget will scale dynamically as per the image.

Blog Article

880 w  x  720 h

Exact dimensions should be followed – image may distort otherwise.

Carousel

1200 w  x  525 h

Exact dimensions should be followed – image may distort otherwise.

Content Bar

(2 Column)

600 w  x  300 h

Should be created in consultation with the image or text also in the widget (in the other column).

Image (Full Width)

1920 w x 250 h

The Image will always fill 100% width of screen, make sure the image quality is good. Height is completely optional.

Image Group

140 w  x  60 h

No Limitations – although exact dimensions should be followed for a consistent design.

Key Items

95 w  x  90 h

No Limitations – although exact dimensions should be followed for a consistent design.

Key Stats

155 w  x  90 h

No Limitations – although exact dimensions should be followed for a consistent design.

Team Member

350 w  x  350 h

No Limitations – although exact dimensions should be followed for a consistent design.

Title Bars (Logo)

300 w  x  120 h

No limitations – width size should be respected so logo renders on mobile design properly.

Favourite Shop Mode Images (Selected & Unselected)

Favourite Order Mode Icons

32 w  x  28 h

Exact dimensions should be followed – image & widget may distort otherwise.

Add to Favourites Small Images

32 w  x  32 h

No Limitations – although exact dimensions should be followed for a consistent design.

Add to Favourites Large Images

120 w  x  32 h

No Limitations – although exact dimensions should be followed for a consistent design.

File Sizes 

Where possible avoid uploading any images that are in excess of 1MB as a blanket rule, this will cause performance issues in terms of page load times. A generally acceptable image size is in the order of 100KB, however where the image contains lots of detail it may not reduce down to this level, so a practical maximum size of 300KB might be more sensible.


    • Related Articles

    • Quick Guide - Adding an Image to a Product

      There are a couple of ways a product can be linked to an image, this article will be covering manually opening the product details screen and selecting or uploading a single image. Firstly you'll need to be logged into the Inzant Sales Management ...
    • Quick Guide Reporting - Products with Invalid Image

      The Products with Invalid Images report displays a listing of all active products with the status of the current images loading in the system. It can be super useful when checking for any products that require images to be linked. It includes a ...
    • Taking an Order using Product Image Campaigns

      This Quick Help Guide shows you how to take an order using the product image presentation mode on the iPad. Tap the 'Retailer' Icon Find the required Retailer using the filters or search on Suburb or Name. If you are using the 'Call cycle' filters ...
    • Adding an Image to an Order on the iPad

      This quick help guide shows you how to add an image to an order. When you are ready to take the picture you wish to attach to an order Tap the Camera App. Tap the capture button to take the desired picture, then tap the home button and re-open the ...
    • Taking An Order Using Item Image Display Mode

      This is a quick guide on taking an order using 'Image Display Mode'  To start your order, Tap the interaction button highlighted in the top right of the screen, Next tap 'New Order'. Next select the Order Mode you would like displayed, Select the ...
    • Popular Articles

    • Home Screen and Navigating the System

      The Home Screen The home screen is the start up screen for the App. It contains links to all the other major screens and provides some KPI information and access to your schedule. In this article we will discuss all the links so you can navigate ...
    • Setting a Retailer to have Website access from the Management Portal

      To enable customers access to the B2B Portal or Website, you need to allow the Contact on a Retailer to have access. After logging into the Inzant Sales Management Portal you'll need to navigate to the Contact or Retailer in question. Finding a ...
    • Inzant Website CMS User Manual

      The latest version (currently version 1.4) of the CMS User Manual is attached, which you can download and use as required.
    • Creating Hyperlinks

      There are two main areas within the CMS that hyperlinks can be created; In a specific content zone provided by a widget. In the CK Editor content entry zone. Both zones offer the same 3 basic link types, Internal URLs, External URLs and Mailto ...
    • Initialising & Resyncing the Inzant Sales App

      If you need to reload your database the process is quite straight forward. Please be mindful that performing the below process will erase ALL information within Inzant Sales on the device, so please check and make sure all incomplete orders or quotes ...
    • Recent Articles

    • Adding a Favourites List to a Retailer

      In this video, I will show you how to add a favourites list to a retailer. I will guide you through the steps, including selecting the retailer, navigating to the favourites section, and adding a list. I will also explain how to choose the contact ...
    • Accessing and Managing Favourites Lists

      In this video, I will show you how to access and manage your favourites lists on our platform. I will guide you through the steps to access your favourites list, apply filters, and view specific categories. Additionally, I will demonstrate how to add ...
    • Creating Bespoke Favorites Lists for a Contact

      In this video, I will show you how to create a bespoke favorites list for a specific contact. Sometimes, certain contacts may have unique preferences, and it's important to cater to their needs. I will guide you through the process of selecting the ...
    • Changing the Order of Favorites Lists

      In this video, I will show you how to easily change the order of your favorites list on both the website and the iPad. By simply dragging and dropping, you can customize the order to your preference. No action is required from you, this is just a ...
    • How to Create and Manage Favourites List on iPhone

      In this video, I will show you how to create and manage a favourites list on your iPhone. You can access, edit, and add items to your favourites list directly from the iPhone app. I will guide you through the steps of adding a favourites list, adding ...