Image resize issue on Magento 2

Question

I have the following situation:

I have set my images size for single page in view.xml let say 2000x2000

 <width>2000</width>
 <height>2000</height>

The image now is ok, and is 2000x2000.

My problem:

If a will upload a image with 1200x800, or another values the images look stretch or small and looks really wierd.

Is there a solution to avoid the resize? or can be set a "auto" value in view xml?

What i want, is to upload a picutres, and afert this I want the original size to be shown on the page.

Is this possible?

Answer 1

I am not sure if this will help because I have a different version, but if you go into you

System > Configuration > Theme settings > Category view/Images 

Make sure you have yes for "Keep Image Aspect Ratio" - "Image aspect ratio size" to square rectangle and set the image width (recommended 270) and height (recommended 365), this should help without you having to resize any images.

Answer 2

I found a solution. For single page image I found the function that load the pictures and I modified this function to load the pictures with the real size, without having to resize anything.

This is my function:

namespace namespace\Resize\Block\Catalog\Product\View;
class Gallery extends \Magento\Catalog\Block\Product\View\Gallery
{
 public function getGalleryImagesJson()
 { 
 $product = $this->getProduct();
 $imagesItems = [];
 foreach ($this->getGalleryImages() as $image) {
 //change the path of the photo for the single product 
 $imagesItems[] = [
 'thumb' => $this->getBaseUrl().'pub/media/catalog/product/'.$image['file'],
 'img' => $this->getBaseUrl().'pub/media/catalog/product/'.$image['file'],
 'full' => $this->getBaseUrl().'pub/media/catalog/product/'.$image['file'],
 'caption' => $image->getLabel(),
 'position' => $image->getPosition(),
 'isMain' => $this->isMainImage($image),
 ];
 }
 if (empty($imagesItems)) {
 $imagesItems[] = [
 'thumb' => $this->_imageHelper->getDefaultPlaceholderUrl('thumbnail'),
 'img' => $this->_imageHelper->getDefaultPlaceholderUrl('image'),
 'full' => $this->_imageHelper->getDefaultPlaceholderUrl('image'),
 'caption' => '',
 'position' => '0',
 'isMain' => true,
 ];
 }
 return json_encode($imagesItems);
 }
}

and my di.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd"> 
 <type name="Magento\Catalog\Block\Product\View\Gallery">
 <plugin name="plugin_block_catalog_product_view_gallery"
 type="namespace\Resize\Block\Catalog\Product\View\Gallery"
 sortOrder="10"
 disabled="false"/>
 </type>
</config>