COVID-19 UPDATE: We're still operating business as usual. Our turnaround timeframe remains the same too, 3-5 working days.
COVID-19 UPDATE: We're still operating business as usual. Our turnaround timeframe remains the same too, 3-5 working days.
COVID-19 UPDATE: We're still operating business as usual. Our turnaround timeframe remains the same too, 3-5 working days.


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.

[/vc_column_text][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”10px”][vc_custom_heading text=”SHOPIFY” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”3257″ img_size=”full” css=”.vc_custom_1553898455779{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #f4f4f4 !important;border-left-style: solid !important;border-right-color: #f4f4f4 !important;border-right-style: solid !important;border-top-color: #f4f4f4 !important;border-top-style: solid !important;border-bottom-color: #f4f4f4 !important;border-bottom-style: solid !important;border-radius: 1px !important;}”][vc_empty_space height=”30px”][vc_custom_heading text=”Image sizes” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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.

[/vc_column_text][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”10px”][vc_custom_heading text=”Adding images” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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.

[/vc_column_text][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”10px”][vc_custom_heading text=”Image formats” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]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.[/vc_column_text][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”10px”][vc_custom_heading text=”Colour Profiles” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]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.[/vc_column_text][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”3258″ img_size=”full” css=”.vc_custom_1553898491548{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;border-left-color: #f4f4f4 !important;border-left-style: solid !important;border-right-color: #f4f4f4 !important;border-right-style: solid !important;border-top-color: #f4f4f4 !important;border-top-style: solid !important;border-bottom-color: #f4f4f4 !important;border-bottom-style: solid !important;border-radius: 1px !important;}”][vc_empty_space height=”30px”][vc_custom_heading text=”WOOCOMMERCE” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]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.[/vc_column_text][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”10px”][vc_custom_heading text=”Conclusion” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]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. If you need help getting your products photographed and online we can help, get in touch by visiting our website here.[/vc_column_text][vc_empty_space height=”30px”][/vc_column][/vc_row]

Leave a Reply

Your email address will not be published. Required fields are marked *