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. |
||