<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>BG Remove - Instant Background Removal for Your Images</title>
<link rel="alternate" type="application/rss+xml" title="frittt.com" href="feed/index.html">
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
<link href="css/default-bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/prettify.css">
<!-- Favicon -->
<link rel=icon href="./img/favicon.png" sizes="32x32">
<script async src="
https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6421827460277995"
crossorigin="anonymous"></script>
</head>
<body>
<div class="wrapper">
<div style="margin:0 auto;background-color:#fff;text-align:center; font-size:40px;padding:40px 0px; font-weight: 800;">
<h2>Background Remover Tools</h2>
</div>
<header style="margin-bottom:50px;">
<div class="container">
<h2 class="lone-header"> <img src="./img/logo.png" alt="logo"> </h2>
</div>
</header>
<profile>
<div class="container">
<ul class="docs-nav">
<li><a class="btn btn-primary" href="../index.html">GO TO HOME</a></li>
<li><strong>Getting Started</strong></li>
<li><a href="#welcome" class="cc-active">Welcome</a></li>
<li><a href="#features" class="cc-active">Features</a></li>
<li><a href="#changelog" class="cc-active">Change Log</a></li>
<li><a href="#support" class="cc-active">Support</a></li>
<li><a href="#sourcecredit" class="cc-active">Source & Credits</a></li>
<li class="separator"></li>
<li><strong>Folder Structure</strong></li>
<li><a href="#folderstructure" class="cc-active">Folder Structure</a></li>
<li class="separator"></li>
<li><strong>Requirement</strong></li>
<li><a href="#requirement" class="cc-active">Requirement</a></li>
<li class="separator"></li>
<li><strong>Installation</strong></li>
<li><a href="#installation" class="cc-active">Installation</a></li>
<li class="separator"></li>
<li><strong>File Path Change</strong></li>
<li><a href="#filepathchange" class="cc-active">File path Change</a></li>
<li class="separator"></li>
<li><strong>Open Project</strong></li>
<li><a href="#openproject" class="cc-active">How to Open Project</a></li>
</ul>
<div class="docs-content">
<h2> Getting Started</h2>
<h3 id="welcome"> Welcome</h3>
<p>Thanks for purchasing our Background Remover Tools :)</p>
<p> It is our great pleasure that you purchased our tools.</p>
<p>If you have any questions, feel free to contact us at <a href="mailto:support@designcollection.in"><b>support@designcollection.in</b></a>.</p>
<h3 id="features">Features</h3>
<p>We have created 3 variations. <strong>Default, Light, Dark.</strong> You can choose any of the three variations.</p>
<p>Our innovative Background Remove Tool offers an easy-to-use interface with powerful customization options for users looking to enhance their images. This tool is perfect for quickly removing backgrounds and replacing them with your preferred choices.</p>
<h4 class="highlight">Key Features</h4>
<h5 class="highlight fw-700">Pre-designed Templates:</h5>
<ul>
<li>Choose from a selection of pre-designed templates with fixed background images.</li>
<li>These professionally designed templates offer a starting point for your image editing needs.</li>
</ul>
<h5 class="highlight fw-700">Custom Background Upload:</h5>
<ul>
<li>Don’t like the pre-set backgrounds? No problem!</li>
<li>Users can upload their own images to use as the background, allowing for complete personalization.</li>
</ul>
<h5 class="highlight fw-700">Background Color Change:</h5>
<ul>
<li>Easily change the background color if you prefer a solid color instead of an image.</li>
<li>Pick any color to match your style and make your subject stand out.</li>
</ul>
<h5 class="highlight fw-700">Downloadable Image:</h5>
<ul>
<li>Once you are satisfied with the image, you can download the final version.</li>
<li>The image will be saved in the designated output folder, ensuring easy access to your edited image.</li>
</ul>
<h5 class="highlight fw-700">Google AdSense Integration:</h5>
<ul>
<li>Maximize the earning potential of your site by integrating Google AdSense.</li>
<li>Our tool includes support for inserting AdSense codes to display targeted ads on your site.</li>
</ul>
<h5 class="highlight fw-700">Google Analytics Integration:</h5>
<ul>
<li>Track user activity and improve your tool’s performance with Google Analytics.</li>
<li>Easily add your tracking code and monitor user interactions.</li>
</ul>
<h5 class="highlight fw-700">sitemap.xml:</h5>
<ul>
<li>A well-structured sitemap.xml ensures that your tool and its features are indexed correctly by search engines.</li>
</ul>
<h5 class="highlight fw-700">robots.txt:</h5>
<ul>
<li>Customize and optimize how search engines crawl your website with robots.txt.</li>
</ul>
<h5 class="highlight fw-700">Social Media Integration:</h5>
<ul>
<li>Connect with users and promote your tool across various platforms by integrating social media links.</li>
<li>Allow users to share their creations or follow your social media pages directly from the tool.</li>
</ul>
<h5 class="highlight fw-700">Customizable Settings:</h5>
<ul>
<li>Our tool also includes a comprehensive settings feature where users can manage output folders, notifications, and preferences.</li>
<li>It gives users full control over their image processing experience.</li>
</ul>
<h4 id="changelog"> Change Log</h4>
<ul>
<strong>:: Version 1.0 ::</strong>
<li>Initial Version </li>
</ul>
<br>
<h3 id="support">Supports</h3>
<h4 class="my-3">Need Support?</h4>
<p>We will be happy to talk to you, do not hesitate to mail us if there is any problem with our products or you just want to chat. You may reach us at <a class="text-blue" href="mailto:support@designcollection.in">support@designcollection.in</a></p>
<p>
Support requests are being processed on business days Monday to Friday 10:30 to 18:00 (GMT +5:30) up to 2 business days.
</p>
<div class="pt-5 pb-2">
<h4 class="my-3">Item support Policy:</h4>
<ul>
<li>Team-viewer, AnyDesk, Skype, Phone Calls, Signal, and Whatsapp supports are not available.</li>
<li>Support Via E-Mails and Support requests are being processed on business days Monday to Friday 10:30 to 18:00 (GMT +5:30) for up to 2 business days.</li>
<li>Support Subscription Must be active to available support.</li>
<li>Installation and Updation services are Not Free</li>
<li>after taking customization either self or from other developers then we will not able to provide support.</li>
<li>Offline Installation and Updation services are Not possible for us.</li>
</ul>
</div>
<br />
<br>
<h3 id="sourcecredit">Source & Credits</h3>
<p>1. We are thankful to Favicon for providing the widest range of favicon icons and with that favicon icons we could create this favicon icons.</p>
<p>2. We are grateful to Google Web Font for providing the widest range of font-family and with this font-family we have been able to add this "Roboto" and "Roboto", sans-serif; font-family.</p>
<p>3. We are thankful to Font Awesome for providing the most complete collection of free font icons, through which we have been able to include these Font Awesome icons.</p>
<p>4. We are grateful to freepik, storyset, pngtree for providing the broadest range of royalty-free images and with those images we were able to add this.</p>
<h4 class="my-3 pt-5">Sources:</h4>
<ul>
<li><a class="pe-1 text-blue" href="https://favicon.io/favicon-generator/">https://favicon.io/favicon-generator</a>(Used for generating a favicon icon)</li>
<li><a class="pe-1 text-blue" href="https://fonts.google.com/">https://fonts.google.com</a>(Used for Google Web Fonts)</li>
<li><a class="pe-1 text-blue" href="https://fontawesome.com/v5/search">https://fontawesome.com/v5/search</a>( We're used icons in v5.15.4, an free version of Font Awesome)</li>
<li><a class="pe-1 text-blue" href="https://www.freepik.com/">https://www.freepik.com</a>(Used for royalty-free images)</li>
<li><a class="pe-1 text-blue" href="https://pngtree.com">https://pngtree.com</a>(Used for royalty-free images)</li>
</ul>
<div class="alert alert-danger" role="alert">
<strong>Note:--</strong> Any media - Images, icons or logos used in previews are not included in this item and you need to contact authors to get permission in case you want to use them in your commercial or non-commercial projects. Read help file for more details after you purchase the product.
</div>
<br />
<h3 id="folderstructure">Folder Structure</h3>
<h4 class="my-3">File and Folder Structure for Background Remove Tool</h4>
<ul>
<li>
default
<ul>
<li>
admin-panel
<ul>
<li>
assets
<ul>
<li>css</li>
<li>fontawesome</li>
<li>fonts</li>
<li>images</li>
<li>js</li>
</ul>
</li>
<li>config</li>
<li>uploads</li>
<li>about-us.php</li>
<li>contact-us.php</li>
<li>files.php</li>
<li>footer-script.php</li>
<li>google_adsense.php</li>
<li>google_adsense_save.php</li>
<li>google_analytics.php</li>
<li>google_analytics_save.php</li>
<li>login.php</li>
<li>logout.php</li>
<li>preloader.php</li>
<li>settings.php</li>
<li>sidebar-menu.php</li>
<li>social-media.php</li>
<li>update_webpage.php</li>
<li>update-about-us.php</li>
<li>update-contact-us.php</li>
<li>upload.php</li>
<li>webpagelist-deta.php</li>
<li>webpages-list.php</li>
</ul>
</li>
<li>
assets
<ul>
<li>css</li>
<li>fontawesome</li>
<li>images</li>
<li>js</li>
</ul>
</li>
<li>
database
<ul>
<li>sql file</li>
</ul>
</li>
<li>
input
<ul>
<li>input image</li>
</ul>
</li>
<li>
output
<ul>
<li>output image</li>
</ul>
</li>
<li>about-us.php</li>
<li>change-background.php</li>
<li>change-background-color.php</li>
<li>contact-us.php</li>
<li>fashion-photo-creator.php</li>
<li>footer.php</li>
<li>index.php</li>
<li>save_combined_image_fashion.php</li>
<li>save_image.php</li>
<li>template-design.php</li>
<li>upload.php</li>
<li>upload_image.php</li>
</ul>
</li>
</ul>
<img src="img/file-str.jpg" style="padding:10px 0;margin:auto;border: 2px solid #ccc;">
<div class="pt-5 pb-2">
<h4 class="my-3">Item support Policy:</h4>
<ul>
<li>Team-viewer, AnyDesk, Skype, Phone Calls, Signal, and Whatsapp supports are not available.</li>
<li>Support Via E-Mails and Support requests are being processed on business days Monday to Friday 10:30 to 18:00 (GMT +5:30) for up to 2 business days.</li>
<li>Support Subscription Must be active to available support.</li>
<li>Installation and Updation services are Not Free</li>
<li>after taking customization either self or from other developers then we will not able to provide support.</li>
<li>Offline Installation and Updation services are Not possible for us.</li>
</ul>
</div>
<br />
<br>
<h3 id="requirement">Requirement</h3>
<h4>Download and Install XAMPP</h4>
<p>Go to the official <a class="text-blue" href="https://www.apachefriends.org/download.html">XAMPP website</a></p>
<h3 id="openproject">Steps to Open Your Project with XAMPP</h3>
<h4>Search for XAMPP</h4>
<ul>
<li>Click on the <strong>Windows Start menu</strong> or press the <strong>Windows key</strong></li>
<li>Type XAMPP in the search bar</li>
<li> Click on <strong>XAMPP Control Panel</strong> from the search results to open it.</li>
</ul>
<img src="img/search-xampp.jpg" style='padding:10px 0;margin:auto;border: 2px solid #ccc;' class="img-fluid rounded-0">
<h4>Start Apache and MySQL:</h4>
<ul>
<li>In the XAMPP Control Panel, click the Start button next to both Apache and MySQL modules.</li>
<li>Ensure both are running (they will turn green once active).</li>
</ul>
<img src="img/xampp-active.jpg" style='padding:10px 0;margin:auto;border: 2px solid #ccc;' class="img-fluid rounded-0">
<h4>Access Your Project in the Browser:</h4>
<ul>
<li>Open your preferred web browser</li>
<li>In the address bar, type <strong> http://localhost/</strong> followed by the folder name of your project inside the htdocs folder.</li>
</ul>
<h4>Download the <span style="color: blue;">remove-bg-app-placeholder.zip</span> from ThemeForest and unzip it</h4>
<pre><code>http://localhost/remove-bg-app-placeholder/</code></pre>
<h4>Database Server Requirement</h4>
<ul>
<li> <strong>Server:</strong>
Localhost via UNIX socket
</li>
<li><strong>Server type:</strong> MySQL
</li>
<li><strong>Server version:</strong> <span class="text-danger">10</span>
</li>
</ul>
<br>
<h4>WEB server Requirement</h4>
<ul>
<li><strong>PHP version:</strong> <span class="text-danger">8.1</span>
</li>
</ul>
<br />
<br>
<h3 id="installation">Installation</h3>
<h4>Installing Python 3.10.4</h4>
<p>To ensure compatibility with our system, it is important to download <strong>Python version 3.10.4</strong>. Please follow the steps below to get the correct version:</p>
<ol>
<li>Open your web browser and navigate to <strong>Google</strong>.</li>
<li>In the search bar, type <code>"Python 3.10.4 download"</code> and press enter.</li>
<li>Locate the official <strong>Python.org</strong> website in the search results and click on the link.</li>
<li>On the Python download page, scroll down to find <strong>Python 3.10.4</strong> under the list of available versions.</li>
<li>Select the appropriate installer for your operating system (e.g., Windows, macOS, Linux).</li>
<li>Download and install <strong>Python 3.10.4</strong> by following the on-screen instructions.</li>
</ol>
<img src="img/python-relased.jpg" style='padding:10px 0;margin:auto;border: 2px solid #ccc;' class="img-fluid rounded-0">
<p>When you click on the download link, a new window will appear. In this window, select the option for <strong>Windows Installer (64-bit)</strong> and proceed with the download.</p>
<img src="img/window-installer.jpg" style='padding:10px 0;margin:auto;border: 2px solid #ccc;' class="img-fluid rounded-0">
<p>After the download is complete, you will receive the file named <strong>python-3.10.4-amd64.exe.</strong> You will need to run this file to begin the installation process.</p>
<img src="img/customize-installation.jpg" style='padding:10px 0;margin:auto;border: 2px solid #ccc;' class="img-fluid rounded-0">
<img src="img/optional-feature.jpg" style='padding:10px 0;margin:auto;border: 2px solid #ccc;' class="img-fluid rounded-0">
<img src="img/advanced-options.jpg" style='padding:10px 0;margin:auto;border: 2px solid #ccc;' class="img-fluid rounded-0">
<img src="img/setup-progress.jpg" style='padding:10px 0;margin:auto;border: 2px solid #ccc;' class="img-fluid rounded-0">
<p>Once the installation is complete, verify the installation by opening a terminal or command prompt and running the following command:</p>
<pre><code>python --version</code></pre>
<p>Ensure that it returns <strong>Python 3.10.4</strong> to confirm successful installation.</p>
<p>We have three folders. You can choose any of the three, I am choosing the default folder</p>
<img src="img/python-version.jpg" style='padding:10px 0;margin:auto;border: 2px solid #ccc;' class="img-fluid rounded-0">
<p>Installing Python Libraries: <strong>rembg</strong> and <strong>pillow</strong></p>
<p>To install the required Python packages <strong>rembg</strong> and <strong>pillow</strong>, follow the steps below:</p>
<h4>Step 1: Open Command Prompt</h4>
<p>On your Windows system, open either Command Prompt or PowerShell.</p>
<h4>Step 2: Run the Installation Command</h4>
<p>Use the following command to install both <strong>rembg</strong> and <strong>pillow</strong> libraries:</p>
<pre><code>pip install rembg pillow</code></pre>
<img src="img/rembg-pillow.jpg" style='padding:10px 0;margin:auto;border: 2px solid #ccc;' class="img-fluid rounded-0">
<br>
<br>
<h3 id="filepathchange">File Path Change</h3>
<p>You have to find this URL and replace the entire URL with the URL of your folder.</p>
<p style="color:blue;">There are two screenshots provided below. Please make sure to follow them carefully, as this is very important</p>
<img src="img/replace-all-url.jpg" style='padding:10px 0;margin:auto;border: 2px solid #ccc;' class="img-fluid rounded-0">
<img src="img/deafult-fashion.jpg" style='padding:10px 0;margin:auto;border: 2px solid #ccc;' class="img-fluid rounded-0">
<p>Now Restart Your Pc</p>
<br>
<br>
Now Open Project on Web Browser
<pre><code>http://localhost/remove-bg-app-placeholder/default/</code></pre>
<p>Easily remove backgrounds from your images with just a few clicks. Follow these steps to use the tool:</p>
<ul>
<li><strong>Select an Image:</strong> Upload an image from your device using the provided interface.</li>
<li><strong>Remove Background:</strong> The tool automatically processes the image to remove its background.</li>
<li>
<strong>Customize Background:</strong> Choose to:
<ul>
<li>Replace the background with a pre-designed template.</li>
<li>Upload your own custom background.</li>
<li>Change the background color to any color of your choice.</li>
</ul>
</li>
<li><strong>Download the Result:</strong> Once you're satisfied with the result, download the final image. The output will be saved in the designated folder for easy access.</li>
</ul>
<img src="img/remove-bg.jpg" style='padding:10px 0;margin:auto;border: 2px solid #ccc;' class="img-fluid rounded-0">
<p>If you have any questions, feel free to contact us at <a href="mailto:support@designcollection.in"><b>support@designcollection.in</b></a>.</p>
</div>
</div>
</profile>
<footer>
<div class="">
<p> © 2016. Design Collection owns all rights.</p>
</div>
</footer>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/prettify/prettify.js"></script>
<script src="js/layout.js"></script>
</body>
</html>