Image Requirements and Resolution
Login
- The OrderCloud 2.0 default login background is 2000 x 1082 pixels (width x height). Any replacement image should be a minimum of this size for optimal results on larger size displays.
Banner/Carousel
Thumbnail (category)
- Minimum of 300w
- Cropped to top, no white space (1)
- All images should retain the same aspect ratio and height (2)
- Minimum of 72dpi
- If a product has multiple sides, use the cover image only for the thumbnail
- Additional detail can be provided via the large image
Large (product)
- Minimum of 500w, cropped to top, no white space (1)
- Minimum of 72dpi
Large - Front/Back images
- Crop left/right not top/bottom (the page will get too long)
- Minimum of 500w
- Cropped to top, no white space (1)
- Minimum of 72dpi
- Use product zoom if necessary
Large - Multiple Folds
- Crop left to right
- Minimum of 500w, cropped to top, no white space (1)
- Minimum of 72dpi
- Use product zoom if necessary
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Product Zoom
Thumbnail - Product Zoom
- Minimum of 500w, cropped to top, no white space (1)
- All images should retain the same aspect ratio and height (2)
- Minimum of 72dpi
Large - Product Zoom (replaces large image)
- For any large image with detail or multiple pages, product zoom should be considered
- Minimum of 1000w, cropped to top, no white space
- Minimum of 72dpi
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Notes
(1) white space can be added via css and shouldn't be added to the image for consistency.
(2) maintaining a consistent width (and height if using other than the default category list view) for the thumbnail (i.e. category, product list views) is preferable to avoid additional css considerations
Image Resolution
For information regarding image resolution see the below link
Reference Material: None
Related Articles: None
Labels: Image resolution, Image requirements