{"id":1696,"date":"2021-04-09T10:39:56","date_gmt":"2021-04-09T10:39:56","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/remove-product-image-background-transparency-in-magento-2\/"},"modified":"2025-05-22T10:42:21","modified_gmt":"2025-05-22T05:12:21","slug":"remove-product-image-background-transparency-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/remove-product-image-background-transparency-in-magento-2\/","title":{"rendered":"How to Remove Product Image Background Transparency in Magento 2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Product images in an&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/start-online-business\/\" target=\"_blank\" rel=\"noreferrer noopener\">online store<\/a>&nbsp;are critical for business. A consumer cannot check the product physically when purchasing online. Hence, visualizing product images help a visitor make the purchase decision.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, a product image quality matters when displaying the product. It is recommended to have a transparent background of the product image. Also, it should not be blurry and views from various angles should be clear.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A high-quality and attractive product image speeds up the purchasing decision of a visitor and hence increases the conversion rate of the online store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For Magento 2 store owners, enhancing the product images to drive conversions is no exception. Hence, I have posted the solution to&nbsp;<em><strong>remove product image background transparency in Magento 2<\/strong><\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If your product image looks something like as shown below, use this solution given here.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2021\/03\/before-1024x558.png\" alt=\"how to remove background image transparency in magento 2\" class=\"wp-image-14229\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Method to Remove Product Image Background Transparency in Magento 2<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Use the below code in&nbsp;<strong>view.xml<\/strong>&nbsp;file at&nbsp;<strong>app\/design\/frontend\/{Vendor_Theme}\/{Theme_Name}\/etc<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;image id=\"product_page_main_image\" type=\"image\">\n    &lt;transparency>false&lt;\/transparency>\n&lt;\/image><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The output after applying the solution is shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2021\/03\/after-1024x442.png\" alt=\"how to remove background image transparency in magento 2\" class=\"wp-image-14231\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s it<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Feel free to share the method with Magento Community via social media.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank You.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Product images in an&nbsp;online store&nbsp;are critical for business. A consumer cannot check the product physically when purchasing online. Hence, visualizing product images help a visitor&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1696","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=1696"}],"version-history":[{"count":2,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1696\/revisions"}],"predecessor-version":[{"id":14390,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1696\/revisions\/14390"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}