Product images

Product images display on your storefront, and let your customers see what your product looks like. These images are also used on Shopify POS and other sales channels.

Add a product image

To add an image to a product:

Note

You can upload up to 250 images for a product.

When you upload a product image, Shopify automatically creates different sizes for use in different scenarios to ensure better performance.

A product image's large version might be used on the product detail page, where the customer would want to see the product in detail. The compact version of the same image might be used on the collection templates, where a larger image might not be necessary.

Add alt text to product images

Alt (alternate) text describes an image and is an important part of a product description. If an image can't load for any reason, then alt text is shown instead. It's also used by assistive technology to describe an image to a user who's visually impaired. Including alt text will also boost your website's SEO. Aim to keep your alt text brief, but descriptive.

To add alt text to an image:

Add an image to a new variant

To add an image to a new variant:

  1. From your Shopify admin, click Products (or press G P P):

    Products

  2. Click the name of the product you want to edit.

  3. In the Variants section, click Add a variant:

    Add variant

  4. While creating a variant, click Choose image on the variant details page.

    Add image new variant

  5. Select a product image or click Add image to upload a new image.

    Select variant image

  6. Click Save.

Add images to existing variants

  1. From your Shopify admin, click Products (or press G P P):

    Products

  2. Click the name of the product you want to edit.

  3. In the Variants section, click the image icon to assign an image to that variant.

    Add image existing variant

  4. Select a product image or click Add image to upload a new image.

    Select variant image

  5. Click Save.

Tip

You can also add variant images as a bulk action by selecting multiple variants on the product page.

Image sizes

Your product images can be any size up to 4472px by 4472px, or 20 megapixels.

Higher resolution photos will look more polished and professional to your customers, and we typically suggest 1024px by 1024px as a guideline for square product images.

Tip

For your images to appear the same size on collection pages, they must have a consistent aspect ratio, or height-to-width ratio.

Image aspect ratio

When product images are shown side by side on collection pages, they have different sizes. To make your images appear to be the same size, you need to use the same width to height ratio for all images you upload to be your featured image.

The first image of each product is known as the featured image. The featured image is not only shown on collection pages, but it is also used on the cart page, checkout page, and on your home page.

What is the width to height ratio of an image?

The width to height ratio is also called the aspect ratio. The aspect ratio is calculated by dividing the width by the height.

Two images have the same width to height ratio if:

(Width of Image 1) / (Height of Image 1) = (Width of Image 2) / (Height of Image 2)

Width height ratio

My images are not the same width to height ratio. What can I do?

To make your images the same width to height ratio use a photo editing tool to crop them. Cropping images removes a part of an image to change the aspect ratio. Resizing an image is not the same as cropping. Resizing an image will not change your width to height ratio. Resizing an image respects the width to height ratio and will change the overall size of the image, not the aspect ratio.

Note

Shopify Support can't help you crop your images. Our photo editing tool, Aviary, also can't help you crop your images.

Adjust product image size

You can adjust the size of a product image after you have uploaded it to Shopify:

  1. From your Shopify admin, click Products (or press G P P):

    Products

  2. Click the name of the product you want to edit.

  3. In the Images section, hover over the image you want to edit and click the Edit image icon:

    Launch aviary

  4. Click the Resize button in the Photo Editor window:

    Aviary click resize

  5. Click the Lock icon to unlock the ability to make size adjustments:

    Aviary unlock

  6. Enter new values for the width and height, in pixels.

  7. Click Apply.

Rotate product images using Aviary

To rotate a product image by 90°, 180°, or 270°:

  1. From your Shopify admin, click Products (or press G P P):

    Products

  2. Click the name of the product you want to edit.

  3. In the Images section, hover over the image you want to edit and click the Edit image icon:

    Launch aviary

  4. Click Orientation in the Photo Editor window:

    Aviary click orientation

  5. Click the Rotate arrows until your image is in the proper orientation.

  6. When you are satisfied with the image, click Apply:

    Apply orientation

  7. Click Save:

    Save orientation image

Your image should now appear on your product page with your preferred orientation.

Protect your images

You can't prevent people from saving your on-screen images, but you can use use an app from the Shopify App Store to add a watermark if necessary.

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free