Uploading Product Images

For each product, you can upload multiple images, rearrange their order images, and control how each image is used. If you have a large quantity of images to manage, you might prefer to import them as a batch, rather than upload each one individually. To learn more, see Importing Product Images.

If you intend to upload large images for viewing on the Product Details page, you may want to consider setting a maximum pixel size (width and height) and automatically resizing the files prior to upload. We provide an option to enable automatic resizing of significantly larger image files as you upload. To learn more, see Resizing Product Images.

To manage images:

  1. Open the product in edit mode.

  2. To work with a specific store view, set the Store View chooser in the upper-left corner to the applicable view.

  3. Scroll down and expand the Images and Videos section. Then, do any of the following:

    Upload an Image

    To upload an image, do one of the following:

    • Drag an image from your desktop, and drop it on the camera) tile in the Images box.

    • In the Images box, tap the camera) tile, and navigate to the image file on your computer. Then, select the image, and tap  Open .

      Upload or Drag and Drop

    Rearrange Images

    To change the order of images in the gallery, tap the Sort ) icon at the bottom of the image tile. Then, drag the image to a different position in the Images box.

    Change Order

    Delete an Image

    To remove an image from the gallery, tap the Delete ) icon in the upper-right corner of the image tile.  Then, tap Save.

  4. Tap the image that you want to open in detail view: Then, do any of the following:

    Image Detail View

    Enter Alt Text

    Image Alt text is referenced by screen readers to improve web accessibility, and by search engines when indexing the site. Some browsers display the Alt text on mouseover. Alt text can be several words long, and include carefully selected key words.

    In the Alt Text box, enter a brief description of the image.

    Assign Roles

    By default, all roles are assigned to the first image that is uploaded to the product. To reassign a role to another image, do the following:

    1. Tap an image tile to open the image in detail view.

    2. In the Role box, choose the role that you want to assign to the image.

    When you return to the Images and Videos section, the currently assigned roles appear below each image.

    Assigned Roles

    Hide Image

    To exclude an image from the thumbnail gallery, mark the Hidden checkbox. Then, tap  Save .

    Hidden Images

  5. To close detail view, click the Close ) box in the upper-right corner.

  6. When complete, tap  Save 

Image Roles

Image Role Description
Thumbnail Thumbnail images appear in the thumbnail gallery, shopping cart, and in some blocks such as Related Items. Example size: 50 x 50 pixels
Small Image The small image is used for the product images in listings on category and search results pages, and to display the product images needed for sections such as for Up-sells, Cross-sells, and the New Products List. Example size: 470 x 470 pixels
Base Image The base image is the main image on the product detail page. Image zoom is activated if you upload an image that is larger image than the image container. Depending on the level of zoom that you want to achieve, the base image should be two or three times the size of the container. Example sizes:
470 x 470 pixels (without Zoom)
1100 x 1100 pixels (with Zoom)
Swatch A swatch can be used to illustrate the color, pattern, or texture. Example size: 50 x 50 pixels