How can I remove the extra white background added to resized images from Magento? we have setup 700x700 image size for Product main image in view.xml. Image resize is working fine for the images higher than 700x700 but when the images are smaller than 700x700, it adds a white background and does not look like the resize image. Instead, it looks like it adds a white background as a canvas. How do I avoid this white canvas and have the smaller images resize to proper image size?

Thank You

  • Thank You guys for pointing me to right direction but nothing works for me , I did try to follow the documentation and what did work for me is <constrain>flase</constrain> Sep 17, 2019 at 7:50

3 Answers 3


Change the product image settings in etc/view.xml to:

<var name="product_image_white_borders">0</var>


In your theme's etc/view.xml you can set width, height, transparency, aspect_ratio and frame. Below is the example for the same.

<?xml version="1.0"?>
<view xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/view.xsd">
        <images module="Magento_Catalog">
            <image id="category_page_list" type="small_image">

After doing the changes, please run the deployment commands.

Hope it helps!!!

  • 1
    There ist a typo in your code. It needs to be <constrain>false</constrain>.
    – bsesic
    Apr 22, 2021 at 12:52

Set transparency to false.
You can read more about how to configure the image properties in view.xml at http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-images.html


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.