• USD
  • Dutch
How to Upload Product Image Placeholders in Magento 2?

A picture is worth a thousand words. This may seem like a cliché, but it has never been truer in the case of eCommerce. The right images can boost your store’s conversion rates and improve user experience. As a leading Magento extensions company, we have considerable experience in eCommerce, and we can confidently say that images determine a store’s success.

They play a vital role in product’s sales and high-quality product images produce up to 70% more sales than poor quality images. This study concludes that high quality images can help tackle competition and benefit the store’s market position. Similarly, quality images and their alt tags are an important part of any store’s search engine optimisation strategy.

Therefore, we can conclude that quality images are a must if you are serious about running an online store. Magento by default displays the Magento logo as the initial placeholder image which you can easily replace with the actual product image.

magento-2-storefront-image-placeholder

As you can see from the above image, the Magento logo is the default image placeholder. To improve the user experience and enhance online visibility, store owners must replace the dummy image with the actual product image.

How to Upload Magento 2 Placeholder Image

In Magento 2, it’s extremely easy to upload a product image placeholder to override the default Magento logo. Following the steps below will do this.

Login to Your Magento 2 Admin

  • On the Admin sidebar, go to Stores and under Settings, select Configuration.
  • In the left panel, expand Catalog and choose Catalog just below.
  • Expand the Product Image Placeholders section.
  • For each image role, click the Browse button, find the image on your computer, and upload the file.

upload-product-placeholder-images-in-magento-2

Click Save Config when you are done.

Image Roles

By default, Magento 2 provides four types of image roles - Base, Small, Thumbnail & Swatch Image. It's better to add four different images to each product in order to improve your products presentation.

Base Image: This is the main image displayed on the product details page. This is the largest and highest-quality version of your image.

Small Image: This version of the image is used on pages with multiple products, such as homepage, category listing and search results layouts.

Swatch Image: This version of the image is used when a product is available in more than one colors. Customers can click on each color to see how the product looks with that it.

Thumbnail Image: This version of the images appears in the media/thumbnail gallery, the shopping cart and some related products blocks. These images can be around 100 pixels high and 100 pixels wide.

Additional Tips for Magento Placeholder Image

One common query we get is that what is the Magento 2 default product image size. Well, as mentioned above, there are four types of image roles and the best size for each varies.

  • Base: 1100 x 1100 Pixels
  • Small: 470 x 470 Pixels
  • Swatch: 50 x 50 Pixels
  • Thumbnails: 50 x 50 Pixels

Apart from the size, ensure that the design complements the store’s theme. The images should not look out of place as it can lead to a negative user experience. Navigation can prove to be a challenge when there are design flaws.

Importance of Product Images in Online Shops

SEO Performance

The use of high-quality images and appropriate alt tags can boost online visibility. With the increase in organic traffic, your store’s conversion rate will increase.

Loading Times

Selecting the right image size and format can improve loading times. Undoubtedly, faster loading times can improve the user experience. On top of it, website loading times are an important ranking factor.

Less Data

Users will spend less data to browse your site, thereby compelling them to return frequently.

Conclusion

That’s it for this tutorial on how to upload product image placeholders in Magento 2. If you have any issue in uploading product image placeholders in Magento 2, then ask our expert Magento support team.

Related Articles:

This blog was created with FME's SEO-friendly blog