First, try to use available tools like Imagemin, libvips, WebP Converter to convert your images into a more efficient format.For this reason, all of them should be properly compressed by one of these 3 ways: When you use uncompressed PNGs, JPEGs, and GIFs, they create a huge overhead on the website. Though this action will reduce image quality, it’s worth the sacrifice to reach a balance between file size and quality. Hence, optimizing website images is a must-be solution.Ĭompressing images could be the first tip you think about to decrease image size. The larger the image is, the more pressure your server has to handle.Īs a result, browsers have to scale these kinds of images on their own – which leads to lower visual quality and slowdown delivery speed. Using images larger in size than you really need is such a bad practice that will hurt your Magento page speed because they quickly add up and can result in noticeable overhead for your website.
MAGENTO 2 OPTIMIZE IMAGES HOW TO
How to optimize the image on the product page? 1. However, this feature is an advanced setup that the default Magento 2 could not provide for your online store.ī. Customers can thus clearly see their desired item by simply clicking on the swatch image. When your product comes in various colors, such as the one shown above, each color option is represented by a swatch image. Nonetheless, we recommend that you use a 50 x 50 photo thumbnail. These images are approximately 100 pixels tall and wide. The third version of images on the Magento 2 product page is the thumbnail, and they usually appear on the product page, thumbnail gallery, or shopping cart. > ATTAIN the comparison between Magento 2 Simple Product With Custom Options VS Configurable Products 3. Magento 2 small image on the Homepageįurthermore, they are also used in the up-sells and cross-sells sections of the shopping cart and detailed product page. Yet, the best option we recommend you to use is 370×370 pixel images.
And its normal size can be up to 470 x 470 pixels in size.
These images are frequently displayed on the homepage, category pages, search result pages, and the New product list. However, store owners merely use this feature when their uploaded image is larger than the container. When you click on the image, you can see it in a larger size. The base image is the primary image on the detailed product page, and it is the most extensive and high-quality one compared with the three other types of Magento 2 images.īesides, this could have a resolution of 500 pixels high by 700 pixels wide. How to optimize the image on the product page?Ī.