Knowledge base
Guides
Academy
Video tutorials
Try searching for:
Recently viewed articles:

Table of contents

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 Ecwid admin in Design.

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. Read more about product photography.

Gallery image sizes

You can upload as many images as you want for each product. Ecwid supports JPG, PNG, and GIF images in RGB color mode for your products. You can also upload the WebP format.

Each image can be up to 20 MB. If you add heavy product images, they are automatically compressed, so your products load fast and fit well on both desktop and mobile.

Although there are no strict rules on the image size or resolution, there are some tips to make your product gallery more appealing for visitors browsing your store.

  • Try to use at least 1000px size images. The larger the size is, the better quality the image will have both on desktop and mobile. 
    Hi-res PNG images with a transparent background may load slowly on category pages or on the storefront page.
  • 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.
  • The most appealing image proportions for human eyes are 1:1, 3:4, 4:3, 2:3, 3:2. Choose which one is better for your products and try to stick with it.
  • Use a consistent aspect ratio and orientation for all the product images in a product gallery. That will help to avoid visual clutter in your storefront.

difference of the images in the gallery

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:

  1. From your Ecwid admin, go to Catalog → Products and choose a product to see its details page.
  2. In the Images section, either drag and drop images from your computer or click + Upload Images:

Upload Images

  1. Click Save, once your images are uploaded.

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 → Store → Product Page → Image gallery layout or to Website → Edit Site → Featured Products → Design tab (if you're using New-Gen Instant Site).

Show additional product images from the gallery when customers hover the mouse pointer over a Product Card. From your Ecwid 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:

  1. From your Ecwid admin, go to Catalog → Products and choose a product to see its details page.
  2. In the Description section, either drag and drop images from your computer or click Insert Image:

Insert Image

  1. Click Save, once your images are uploaded.

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).

Product variations are available on Business and Unlimited plans.

To add an image to product variation:

  1. From your Ecwid admin, go to Catalog → Products.
  2. Click on the product you want to edit.
  3. Open the Options tab, then click Variations.
  4. Click + New variation.
  5. In the popup select the option you want to add an image to:

select the option

  1. Click Change under the current image.
  2. Select the image on your computer, then upload the image.
  3. Click OK.

That’s it! The image is added for the option. If you have several options, repeat the steps above for all of them.

To assign multiple images to a product variation, you can use the Variation Image Magic app from Ecwid App Market.

Adding alt texts to product images

Alternative text allows you to describe images for search engines and visually impaired users. It also displays if the image fails to load. This way, alt texts help users decide on a purchase and improve your site ranking, making it easier to find your products via images online.

By default, a product name is used as alt text for each product image. You can provide your own text instead.

To add alt text to a product image:

  1. From your Ecwid admin, go to Catalog → Products.
  2. Click on the product you want to edit.
  3. Hover over the image.
  4. Click Actions → Edit Alt Text:
    image1.png
  5. Enter your alt text. For example, “Full-length dark-haired girl wearing a long blue denim skirt and a white top.”
  6. (optional) Enter alt texts for other product images.
  7. Click Save.

That’s it. You’ve added alternative text to a product image.

Similarly, you can add individual alt texts to product variation images. If a variation image is the same as the main product image, its alt text automatically matches the main image's alt text.

Adding product images in bulk

You can easily add or update product images in bulk using Ecwid's Bulk Product Editor tool or via CSV import. If you feel more comfortable when working with a ZIP file, then you can use the Bulk Gallery Upload app.

iOS mobile app: Using the AI-powered image editor

If you use Ecwid’s mobile app for iOS, you can effortlessly enhance product photos you took into high-end images with the help of AI. This way, you can free up valuable time to focus on other business tasks and edit pictures on the go without the need for design skills or hiring professionals.

With the AI-generated image enhancement tool, you can remove the background behind the product and replace it with a new background of any color, add shadows, crop images, change their orientation, and save the result you like best to the product gallery.

Plan availability: Unlimited.
AI-powered image enhancer is now in beta and is available on iPhones with iOS 16 or higher.

To enhance a product image with AI:

  1. From the Ecwid iOS app, go to Products.
  2. Choose a product or add a new product.
  3. From the product details screen, add the photo you want to enhance to the gallery.
  4. After the photo is added, tap on it in the gallery, then tap Remove Background at the bottom of the screen:

    Using the AI-powered image editor1.png

  5. Play around with the settings. Choose the background color and crop the image if you like. To add realistic shadows to the product, tap Shadows
  6. When you’re happy with the result, tap Save, then Close.

That’s it! You’ve enhanced the photo:

Using the AI-powered image editor2.png

Now, you have both the initial image and its enhanced version in the gallery. Remove the original version if you don’t need it, and drag and drop images to change their order.

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!

visual copyright watermark

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.

A copyright watermark on an image can block a product from uploading to a third-party marketplace or advertising service like Google Shopping.

Hiding product images

When you add a product to your catalog and do not upload any image for it, your Ecwid store automatically shows a gradient image as the product’s thumbnail in grid:

Screen_Shot_2020-04-15_at_11.00.25.png

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:

Screen_Shot_2020-04-15_at_11.05.19.png

To hide product images from product grid:

  1. From your Ecwid admin, go to Design.
  2. Scroll to Product Card details and layout.
  3. For the Main product image setting select Do not show.

The changes will be autosaved.

If you use Ecwid on Wix, you can change store design using the Ecwid app's design settings.
It is also possible to hide category images from the storefront.
Was this article helpful?

Awesome! Thanks for your feedback!

Thanks for your feedback!

Sorry about that! What went wrong?
15 out of 38 found this helpful
10
We use cookies and similar technologies to remember your preferences, measure effectiveness of our campaigns, and analyze depersonalized data to improve performance of our site. By choosing «Accept», you consent to the use of cookies.
Accept cookies Decline