Back to Top

Guide for Adobe Commerce Image Background Removal

Updated 13 June 2024

Magento 2 Image Background Removal(Adobe Commerce) extension helps with the removal of background from the images.

The Background can be removed from the product images, category images, header logo, and header shortcut icon.

The admin can perform background removal operations on single and multiple images by using background removal.

Also, you can make use of the Artificial Intelligence(AI) technique that allows users to search for products using images via Magento 2 AI Image Search extension.

Features

  • Admin can enable and disable the module.
  • Allows the admin to remove the background of the images.
  • This module supports images in such formats as jpg, jpeg, and png.
  • Background removal can remove the background of product images, single and multiple from the admin end.
  • This module can remove the background of category images.
  • Admin can also remove the background from the header logo and head shortcut icon.
  • The admin can set the host dynamically.

Installation

The installation is quite simple just like the standard Magento 2 extensions.

Searching for an experienced
Magento 2 Company ?
Find out More

#1Download Module

Firstly, log into the Webkul Store, navigate to My Account>My Purchased Products, verify, and then download and extract the contents of this zip folder on the system.

#2 Upload Folder

Once the module zip is extracted, navigate to path src>app and copy the app folder to the Magento 2 root directory on the server, as shown below:

Upload Folder

#3 Run Commands

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
php bin/magento indexer:reindex
php bin/magento cache:flush

Multi-Lingual Configuration

Therefore, for Multilingual support, please navigate to Store>Configuration>General >Locale Options.  Also, select your desired language from the Locale option.

Magento 2 Image Background Removal Locale Configuration

Thus, in this way, a multi-lingual configuration can be done.

Language Translation

For Magento 2 Background Removal translation, navigate to the following path in your system src/app/code/Webkul/BackgroundRemoval/i18n.
Open the file named en_US.CSV for editing as shown in the below screenshot.

upload folder

Now, upload it to the path src/app/code/Webkul/BackgroundRemoval/i18n where the installation of Magento 2 is on the server. The module gets translated into the desired language.

The user can edit the CSV like the image below.

CSV

After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as – de_DE.CSV.

Followed by uploading the translated file to the same folder from where you have obtained it. Now your module translation is complete.

Language translation

Thus, you can translate language in this way.

Initial Configuration – Magento 2 Image Background Removal

After the extension installation, the admin will configure the module setting by navigating

to Dashboard > Background Removal > Configuration Settings as per the below image:

 Magento 2 Image Background Removal Configuration

Background Removal Configuration

  • Enable: The store admin can enable or disable the background removal.
  • Host Name: Here the store admin enters the hostname.
  • API Token Key: Here the admin enters the API token key.

After entering the details the admin will save the configuration.

Admin End Workflow

Now, Let’s dive into the admin end workflow of Image background removal.

Category Image – Background Removal

For background removal of category Images, navigate to Catalog > Categories > Content > Category Image.

In category image, the admin can upload images in various ways like by tapping on the upload button, selecting from the gallery, or tapping on the attachment.

Click on the upload button and select the image that you want to upload.

After Uploading the image click on Remove Background as shown below:

  Magento 2 Image Background Removal Category Image

After that click on save.

Now, the background of the image has been removed.

  Magento 2 Image Background Removal Category Image without background

Customer End View

Now, we will see the category images on the customer end, after logging into the website click on the Men category.

Magento 2 Image Background Removal Category image view on  Customer end

Here, you can see that we have already removed the category image background.

So, this is the working of background removal.

Product Images – Background Removal

Now, we will see how to remove background from product images, navigate to

Catalog > product > Create new or edit existing > images and videos.

Here, you can upload the image by tapping on the attachment and then selecting the image.

You can add multiple images and remove their background.

After that click on Remove Background as shown below:

Magento 2 Image Background Removal product images

Now, click on save.

Here, we have removed the background of the product image.

Magento 2 Image Background Removal product images without background

Customer End View

Let’s see the product image on the customer end.

Log in to the customer account navigate to Categories > Product

Magento 2 Image Background Removal product image visible on frontend

The background of the product image has already been removed here.

Favi Icon – Background Removal

Here, we can also change the Favi icon of the store by navigating to Content > Design > Configuration > HTML Head.

Click on the upload button select the image and click on remove background as shown below:

Magento 2 Image Background Removal Favi Icon Image

Now, click on the save configuration and you can see that the Background of the Favi Icon image removed.

Magento 2 Image Background Removal Favi Icon Image without background

Logo Image – Background Removal

Here, you can also change the background of the Logo Image by navigating to

Content > Design > Configuration > Header

Click on the upload button and select the image.

Now click on background removal as shown below:

Magento 2 Image Background Removal

Here, you can see that we have removed the background of the image.

Magento 2 Image Background Removal header image

Customer End View

Here on the customer end, you can see the logo image for which you have removed the background.

At the top of the website, the logo is visible.

Magento 2 Image Background Removal Hedaer Image view on customer end

Support

That’s all for the Magento 2 Image Background Removal Extension.

If you still have any issues feel free to add a ticket and let us know your views to make the module better at  webkul.uvdesk.com.

Current Product Version - 4.0.0

Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

Blog Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x
  • Version 4.0.0
  • Version 2.0.x, 2.1.x, 2.2.x, 2.3.x, 2.4.x
. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Table of Content