MAGETWO-89051: Absorb image optimization from 2.1 into 2.3

Author: AVoskoboinikov

app/code/Magento/Swatches/Helper/Data.php

@@ -338,9 +338,9 @@ private function getGalleryImages(ModelProduct $product)
     private function getAllSizeImages($imageFile)
     {
         return [
-            'large' => $this->imageUrlBuilder->getUrl($imageFile, 'product_page_image_large'),
-            'medium' => $this->imageUrlBuilder->getUrl($imageFile, 'product_page_image_medium'),
-            'small' => $this->imageUrlBuilder->getUrl($imageFile, 'product_page_image_small')
+            'large' => $this->imageUrlBuilder->getUrl($imageFile, 'product_swatch_image_large'),
+            'medium' => $this->imageUrlBuilder->getUrl($imageFile, 'product_swatch_image_medium'),
+            'small' => $this->imageUrlBuilder->getUrl($imageFile, 'product_swatch_image_small')
         ];
     }
 

app/design/frontend/Magento/luma/etc/view.xml

@@ -85,6 +85,15 @@
                 <width>88</width>
                 <height>110</height>
             </image>
+            <image id="product_swatch_image_large" type="image"/>
+            <image id="product_swatch_image_medium" type="image">
+                <width>240</width>
+                <height>300</height>
+            </image>
+            <image id="product_swatch_image_small" type="thumbnail">
+                <width>88</width>
+                <height>110</height>
+            </image>
             <image id="product_page_main_image" type="image">
                 <width>700</width>
                 <height>560</height>