Everything you Need to Know About WooCommerce and Shopify’s Product Image Requirements
WooCommerce and Shopify are two of the most popular Ecommerce platforms on the market. These platforms have multiple benefits and can be the perfect solution for those looking forward to building an online Ecommerce store. Shopify and WooCommerce require specific image requirements so that they can showcase your products in the best way possible. Images are essential as they affect the way a product appears to potential customers and makes it stress-free to organise your products.
Shopify
The images can be of any size up to 20 megapixels, or 4472 x 4472px. Moreover, these images should have a file that is less than 20 MB. High-resolution images appear professional and elegant to potential customers. If you have square images, go for 2048 x 2048 px. The first image is usually featured and is shown on the collection pages, your home page, the checkout page, and the cart page. Reducing your images from 300 dpi to 70 dpi will keep you images in high resolution and will speed up website load times dramatically, thus reducing the file to around 600 KB.
Adding images
Shopify allows for a maximum of 250 images for a single product. After uploading an image, Shopify creates different sizes of products in different areas of your store theme. Large versions are used in the detail page where people want to see a product in detail. Compact images are used in collection templates, where a large image isn’t necessary.
Image formats
Shopify can support the following formats
- GIF
- PNG
- Progressive JPEG
- JPEG or JPG
If someone uploads an image that isn’t supported by Shopify, it converts it to either PNG or JPEG. Most of them are converted to JPEG.
Colour Profiles
You will notice that the colours on your online store might look different from the original ones that you upload to Shopify. This occurs when images have a colour profile that is a set of data stored in .ICM or .ICC extension. Colour profiles are embedded into an image so that they can help standardise the way colours appear on different handsets.
WooCommerce
In WooCommerce, images are measured and the set in pixels. WooCommerce incorporates three different types of images for different purposes and locations.
Product thumbnails – Smallest images that are used in Widgets, Carts and Gallery thumbnails. It is found under the Single Product Image Category.
Single Product Image – This is the largest image and refers to the featured or main image on your product details section.
Catalog Images – Medium-sized images that appear at product loops including Cross-sells, Up-sells, Related products, Product Category pages, and Shop page.
WooCommerce recommends images that have a minimum size of 800 x 800px, width and height respectively. The size is perfect for the thumbnail image, catalogue image, and featured image.
Conclusion
Getting your head around product image requirements is one of many complicated things you learn and get used to when opening an online store. Just make sure you focus on getting your product up and ready for selling and you will have an ecommerce site running in no time.
