Product images
Product images let your customers know what your products look like. You can upload as many images per product, as you like. It is also possible to embed images (and videos) into product descriptions to provide even more details to your customers.
You can set the image size and orientation of product thumbnails in your store with the help of several preset design options in your store admin in the Design section. Quality product images are a key driver of store engagement and sales. Upload at least a few images that show your product in detail from different angles.
Gallery image sizes
You can upload product images of any size up to 20 MB. If you add large and heavy product images, they are automatically compressed, so your products load fast and fit well on both desktop and mobile.
We recommend using JPG, PNG and GIF images in RGB color mode for your products.
Hi-res PNG images with a transparent background may load slowly on category pages or on the storefront page.
Product images look best in a gallery when images appear to be the same size: use a consistent aspect ratio (height-to-width ratio) and orientation for all the product images that you add in a product gallery. This way images display better side by side because they all display the same size.
Show the various perspectives of the product such as front, side, underneath, close-up, etc., so customers can see what they are buying in detail.
You can showcase your product in motion using GIFs or adding a 360° product view (with the help of an app).
Adding a product image
You can add an unlimited number of images to every product in your store. We recommend using JPG, PNG and GIF images in RGB color mode for your products.
When you add multiple images to a product, the first uploaded image is considered the main — it shows as a product thumbnail on a category page and that’s the first image shown on the product page. To change the main image, drag a different image to the first place. You can also sort the other images by dragging them. Customers will see images in this order in the storefront.
To add images to a product:
- From your store admin, go to Catalog → Products and choose a product to see its details page.
- In the Images section, either drag and drop images from your computer or click + Upload Images:
- Click Save, once your images are uploaded.
- From the mobile app for iOS, go to Products.
- Choose a product or add a new product.
- From the product details screen, tap Add Images at the top of the screen.
- Choose the source of your image, and then select the image that you want to use:
- All your uploaded images are automatically saved.
- From the mobile app for Android, go to Products.
- Choose a product or add a new product.
- From the product details screen, tap the image icon at the top of the screen:
- Choose the source of your image, and then select the image that you want to use.
- After you’ve added your images, they are automatically saved.
Once images have been added, customers can see them in your store. To change gallery layout appearance go to Design → Image Gallery thumbnails (for Instant Site users: go to Website → Edit Site → Featured Products → Design tab)
Show additional product images from the gallery when customers hover the mouse pointer over a Product Card. From your store admin, go to Design → Product Card details and layout → Scroll down to Additional product image and enable the option.
Adding an image to a product description
You can add an image to the product description to better showcase your product.
To add images to the product description:
- From your store admin, go to Catalog → Products and choose a product to see its details page.
- In the Description section, either drag and drop images from your computer or click Insert Image:
- Click Save, once your images are uploaded.
- From the mobile app for iOS, go to Products.
- Choose a product or add a new product.
- From the product details screen, tap Description → Edit → tap the image icon at the bottom right of the screen.
- Choose the source of your image, and then select the image that you want to use.
- All your uploaded images are automatically saved.
- From the mobile app for Android, go to Products.
- Choose a product or add a new product.
- From the product details screen, tap Description → Edit → tap the image icon at the bottom right of the screen.
- Choose the source of your image, and then select the image that you want to use.
- All your uploaded images are automatically saved.
You can also add videos into product or category descriptions.
Adding an image to a product option/variation
If you sell products with options (such as color or size), you might want to add different images to different product options. You can do it by using product variations. You can add only one image to each variation. If you want to show more images of a variation, just add them to the main product gallery (or in a description).
To add an image to product variation:
- From your store admin, go to Catalog → Products.
- Click on the product you want to edit.
- Open the Options tab, then click Variations.
- Click + New variation.
- In the popup select the option you want to add an image to:
- Click Change under the current image.
- Select the image on your computer, then upload the image.
- Click OK.
- From your mobile app for iOS, go to Products.
- Tap on the product that you want to edit.
- Tap Edit and select More… → Product Variations.
- Tap on an existing variation that you want to update or tap Add New Variation.
- Tap on the variation image and select which photo you want to add.
- From your mobile app for Android, go to Products.
- Tap on the product that you want to edit.
- Tap on the product variation that you want to edit.
- Tap on the camera icon to take a photo or choose an existing photo for the variation.
Currently, you can’t create new variations in the Android app. If you need to create new variations, please go to your store admin via Desktop. Learn how to create product variations.
That’s it! The image is added for the option. If you have several options, repeat the steps above for all of them.
Adding product images in bulk
You can easily add or update product images in bulk using the Bulk Product Editor tool.
In case you need to add only the main product images, you can do that for all products at once via CSV import.
If you need to upload additional product images and feel more comfortable when working with a ZIP file, then you can use the Bulk Gallery Upload app.
Protecting your images
The most common image protection technique is to place a visual copyright watermark on the image. By adding your logo or a mark on top of your images you can deter people from copying them. And if they do, it’s free publicity for you!
There are plenty of online services that you can use for watermarking your images, e.g.:
If you are acquainted with Adobe Photoshop, you can use it to watermark your images as explained in the guide.
Hiding product images
When you add a product to your catalog and do not upload any image for it, your online store automatically shows a gradient image as the product’s thumbnail in grid:
You may want to remove or hide product thumbnail images from the product list for its more compact look. In this case you can show just product names without images:
To hide product images from product grid:
- From your store admin, go to Design.
- Scroll to Product Card details and layout.
- For the Main product image setting select Do not show.
The changes will be autosaved.
It is also possible to hide category images from the storefront.