magento2 - Magento 2 - How to change image size in checkout?

Question

I need to change the size of the product images in the checkout, but this does not seem to be easy at all. I need the image to be 2-3 times bigger.

I changed the template in the core (just for testing) to this:

vendormagentomodule-checkoutviewfrontendwebemplatesummaryitemdetailshumbnail.html

<!--
/**
 * Copyright ? Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<span class="product-image-container">

    <span class="product-image-wrapper">
        <img
            data-bind="attr: {'src': getSrc($parents[1]), 'alt': getAlt($parents[1]), 'title': getAlt($parents[1]) }"/>
    </span>
</span>

Then I set the sizes in CSS instead:

.product-image-container { width: 182px; height: 182px; }
.product-image-container img { width: 100%; height: 100%; }

Now the image is showing big, but very blury, because only the low quality thumbnails are getting loaded.

How can I make it load high quality images?

question from:https://stackoverflow.com/questions/65829489/magento-2-how-to-change-image-size-in-checkout

Answer 1

Waitting for answers