PageSourceSearch

https://addonx.net/bgcutout

html addonx.net collected 2026-10-02 02:00:44 UTC 22,492 bytes, 323 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <title>Bulk Photo Background Remover - bgCutout</title>
8    <meta content="BgCutout is a free tool for removing the background from images. It helps you easily remove the background of your photos with just one click and supports batch operations!" name="description">
9    <link href="/static/bootstrap-5.3.0/css/bootstrap.min.css" rel="stylesheet">
10    <link href="/static/bootstrap-5.3.0/icons/bootstrap-icons.min.css" rel="stylesheet">
11    <style>
12        .op-btn{color:#6c757d; border: #ced4da solid 2px;}
13        .op-btn:hover{color: #dc3545; border: #dc3545 solid 2px;}
14        .active .op-btn{color: #dc3545; border: #dc3545 solid 2px;}
15        .op-img{color: #FFF; line-height: 0; padding: 5px;}
16        .op-img:hover{color: #ffc107;}
17        .btn-menu{font-size: 2rem; line-height: 0; padding: 3px; background-color: #FFF; border-radius: 50%; color: #6f42c1; border: 0; cursor: pointer; position: relative;}
18        .bg-purple{background-color: #4c0bce;}
19        .text-purple{color: #4c0bce;}
20        .text-bg-purple{color: #FFF; background-color: #4c0bce;}
21        .border-purple{border-color: #4c0bce!important;}
22        .btn-purple{background-color: #6f42c1; color: #FFF;}
23        .btn-purple:hover{background-color: #4c0bce; color: #FFF;}
24        .btn-loading{display: none;}
25        .btn.disabled .btn-loading{display: inline-block;}
26        .btn.disabled .btn-text{display: none;}
27
28        .btn:disabled .btn-loading{display: inline-block;}
29        .btn:disabled .btn-text{display: none;}
30        .hover-show-child{visibility: hidden;}
31        .hover-show:hover .hover-show-child{visibility: visible;}
32    </style>
33    
33<script type="importmap">
34    {
35        "imports": {
36            "@imglyRemoveBackground": "/module/backgroundRemover/index.js",
37            "@jsZIP": "/module/jsZIP.js"
38        }
39    }
40    </script>
40
41    <link rel="alternate" hreflang="zh-CN" href="https://addonx.net/cn/bgcutout">
42<link rel="alternate" hreflang="cs" href="https://addonx.net/cs/bgcutout">
43<link rel="alternate" hreflang="da" href="https://addonx.net/da/bgcutout">
44<link rel="alternate" hreflang="de" href="https://addonx.net/de/bgcutout">
45<link rel="alternate" hreflang="el" href="https://addonx.net/el/bgcutout">
46<link rel="alternate" hreflang="x-default" href="https://addonx.net/bgcutout">
47<link rel="alternate" hreflang="en" href="https://addonx.net/bgcutout">
48<link rel="alternate" hreflang="es" href="https://addonx.net/es/bgcutout">
49<link rel="alternate" hreflang="fi" href="https://addonx.net/fi/bgcutout">
50<link rel="alternate" hreflang="fil" href="https://addonx.net/fil/bgcutout">
51<link rel="alternate" hreflang="fr" href="https://addonx.net/fr/bgcutout">
52<link rel="alternate" hreflang="hi" href="https://addonx.net/hi/bgcutout">
53<link rel="alternate" hreflang="hu" href="https://addonx.net/hu/bgcutout">
54<link rel="alternate" hreflang="id" href="https://addonx.net/id/bgcutout">
55<link rel="alternate" hreflang="it" href="https://addonx.net/it/bgcutout">
56<link rel="alternate" hreflang="ja" href="https://addonx.net/ja/bgcutout">
57<link rel="alternate" hreflang="ko" href="https://addonx.net/ko/bgcutout">
58<link rel="alternate" hreflang="nl" href="https://addonx.net/nl/bgcutout">
59<link rel="alternate" hreflang="no" href="https://addonx.net/no/bgcutout">
60<link rel="alternate" hreflang="pl" href="https://addonx.net/pl/bgcutout">
61<link rel="alternate" hreflang="pt" href="https://addonx.net/pt/bgcutout">
62<link rel="alternate" hreflang="ro" href="https://addonx.net/ro/bgcutout">
63<link rel="alternate" hreflang="ru" href="https://addonx.net/ru/bgcutout">
64<link rel="alternate" hreflang="sv" href="https://addonx.net/sv/bgcutout">
65<link rel="alternate" hreflang="tr" href="https://addonx.net/tr/bgcutout">
66<link rel="alternate" hreflang="zh-TW" href="https://addonx.net/tw/bgcutout">
67<link rel="alternate" hreflang="uk" href="https://addonx.net/uk/bgcutout">
68<link rel="alternate" hreflang="vi" href="https://addonx.net/vi/bgcutout">
69</head>
70<body>
71<div class="py-5 text-center">
72    <div class="d-flex justify-content-center mb-5">
73        <span class="px-3 py-1 fs-1 text-bg-purple rounded-3 fw-light opacity-50">BgCutout</span>
74    </div>
75    <h1>Bulk Photo Background Remover</h1>
76    <p class="lead mx-auto" style="max-width: 960px;">BgCutout is a free tool for removing the background from images. It helps you easily remove the background of your photos with just one click and supports batch operations!</p>
77    <div id="container" class="pb-5">
78
79
80        <div selector="input" class="py-5 text-center">
81            <label class="btn btn-lg btn-success px-5 py-3 fs-4 shadow" for="files">Select Images</label>
82            <input selector="files" class="d-none" id="files" type="file" multiple="" accept=".JPG,.JPEG,.PNG,.WEBP,.GIF,.AVIF,.BMP,.SVG">
83
84            <div class="mt-4 mb-2">Or</div>
85
86            <div class="text-black-50 fs-5 fw-light">Drag and Drop Your Images Here</div>
87
88        </div>
89
90
91        <div selector="panel" class="container-fluid d-flex justify-content-start pt-5 mt-4 border-top visually-hidden">
92            <div class="flex-grow-1 pe-xl-4 position-relative">
93                <div selector="items" class="row gx-3 row-cols-1">
94                    <div selector="item" class="mb-3 hover-show col">
95                        <div class="bg-dark-subtle shadow-sm rounded-2 px-2 pt-3 pb-1 position-relative">
96                            <div class="px-2 position-relative">
97                                <div selector="box" class="d-flex justify-content-center pb-2">
98                                </div>
99                                <div selector="processing" class="position-absolute top-0 start-0 w-100 h-100 px-2 d-none">
100                                    <div class="w-100 h-100 d-flex justify-content-center align-items-center bg-white bg-opacity-75">
101                                        <div class="spinner-border fs-1" style="width: 4rem; height: 4rem;" role="status">
102                                            <span class="visually-hidden">Loading...</span>
103                                        </div>
104                                    </div>
105                                </div>
106                            </div>
107                            <div selector="size" class="text-truncate text-center pt-2 small text-black-50"></div>
108                            <div selector="name" class="text-truncate text-center py-2 small text-black-50"></div>
109                            <div selector="option" class="hover-show-child position-absolute top-0 end-0 mt-2 me-2 d-flex justify-content-end align-items-center">
110                                <button selector="download" class="d-flex align-items-center justify-content-center bg-secondary border-0 rounded-circle op-img me-2 visually-hidden"><i class="bi bi-download"></i></button>
111                                <button selector="remove" class="d-flex align-items-center justify-content-center bg-secondary border-0 rounded-circle op-img"><i class="bi bi-x-lg"></i></button>
112                            </div>
113
114                        </div>
115                    </div>
116                </div>
117            </div>
118            <div style="width: 1px;">
119                <div class="sticky-top d-flex flex-wrap justify-content-end mt-5">
120                    <label for="files" class="btn-menu me-3 shadow mb-3" data-bs-title="Add Image">
121                        <i class="bi bi-plus-circle-fill"></i>
122                    </label>
123                    <button selector="optionShow" class="btn-menu me-3 shadow mb-3 d-xl-none" data-bs-title="Settings">
124                        <i class="bi bi-gear-fill"></i>
125                    </button>
126                    <button selector="convertStart" class="btn-menu me-3 shadow d-xl-none" data-bs-title="Convert">
127                        <i class="bi bi-arrow-repeat"></i>
128                    </button>
129                    <button selector="save" class="btn-menu me-3 shadow d-xl-none d-none" data-bs-title="Save">
130                        <i class="bi bi-arrow-down-circle-fill"></i>
131                    </button>
132                </div>
133            </div>
134            <div selector="option">
135                <div class="d-xl-block d-none sticky-xl-top" style="width: 420px;max-width: 100%">
136                    <div class="bg-white pt-4 pb-3 shadow rounded-3 sticky-xl-top border">
137                        <div class="border-bottom px-4 pb-2 mb-3 d-flex justify-content-between align-items-center">
138                            <h4 class="mb-0">Settings</h4>
139                            <button selector="optionClose" class="btn btn-close d-xl-none"></button>
140                        </div>
141                        <div class="px-4">
142                            <div class="pb-4">
143                                <h5 class="fw-light text-start">Output Format</h5>
144                                <select selector="output" class="form-select border-2 border-dark-subtle py-2">
145                                    <option value="image/png">PNG</option>
146                                    <option value="image/jpeg">JPG</option>
147                                    <option value="image/webp">WEBP</option>
148                                </select>
149                            </div>
150
151                            <div class="pb-4 d-flex justify-content-start align-items-center">
152                                <label class="form-switch d-flex justify-content-start align-items-center ps-0 me-2">
153                                    <input selector="autoSave" class="form-check-input fs-4 ms-0 mt-0 me-1" type="checkbox" role="switch">
154                                    <span class="form-check-label">Auto Save</span>
155                                </label>
156                                <span data-bs-title="Automatically download and save after conversion"><i class="bi bi-question-circle-fill"></i></span>
157
158                            </div>
159
160
161                            <div class="pb-4">
162                                <button selector="convertStart" class="btn btn-lg btn-purple w-100 py-3">
163                                    <span class="btn-text">Convert</span>
164                                    <span class="btn-loading"><span class="spinner-grow spinner-grow-sm me-1"></span>Processing</span>
165                                </button>
166                                <button selector="save" class="btn btn-lg btn-success w-100 py-3 d-none">Save</button>
167                            </div>
168                        </div>
169                    </div>
170                </div>
171            </div>
172        </div>
173    </div>
174</div>
175
176<div class="m-auto pb-5 mb-4" style="max-width: 960px;">
177    <div class="d-flex justify-content-center mb-4 border-bottom">
178  <h2 class="display-5 fw-bold mb-4 position-relative">
179    <span class="d-block position-absolute w-100 bottom-0 start-0 bg-danger-subtle" style="height: 18px;"></span>
180    <span class="position-relative">FAQ</span>
181  </h2>
182</div>
183<div class="faq-item py-4 border-bottom d-flex justify-content-start position-relative">
184  <span class="text-warning pe-2 fs-5"><i class="bi bi-question-circle-fill"></i></span>
185  <div class="w-100">
186    <h5 style="cursor: pointer" class="faq-title d-flex justify-content-between align-items-center">
187      <span class="fw-bold fs-4 e-text">Where can I use BgCutout?</span>
188      <span class="fs-3"><span class="faq-plus"><i class="bi bi-plus"></i></span><span class="faq-dash d-none"><i class="bi bi-dash"></i></span></span>
189    </h5>
190    <p class="pt-2 collapse">Our tool is based on compiled WebAssembly (Wasm) files and can be used on modern browsers, including but not limited to Google Chrome, Mozilla Firefox, Microsoft Edge, etc.</p>
191  </div>
192</div>
193<div class="faq-item py-4 border-bottom d-flex justify-content-start position-relative">
194  <span class="text-warning pe-2 fs-5"><i class="bi bi-question-circle-fill"></i></span>
195  <div class="w-100">
196    <h5 style="cursor: pointer" class="faq-title d-flex justify-content-between align-items-center">
197      <span class="fw-bold fs-4 e-text">How does BgCutout remove the background from photos?</span>
198      <span class="fs-3"><span class="faq-plus"><i class="bi bi-plus"></i></span><span class="faq-dash d-none"><i class="bi bi-dash"></i></span></span>
199    </h5>
200    <p class="pt-2 collapse">Our tool uses a pre-trained AI model to remove the background from photos. This model has been trained on a large dataset of images and can automatically analyze and recognize the foreground and background in an image, removing the background portion.</p>
201  </div>
202</div>
203<div class="faq-item py-4 border-bottom d-flex justify-content-start position-relative">
204  <span class="text-warning pe-2 fs-5"><i class="bi bi-question-circle-fill"></i></span>
205  <div class="w-100">
206    <h5 style="cursor: pointer" class="faq-title d-flex justify-content-between align-items-center">
207      <span class="fw-bold fs-4 e-text">Does BgCutout work with all types of images?</span>
208      <span class="fs-3"><span class="faq-plus"><i class="bi bi-plus"></i></span><span class="faq-dash d-none"><i class="bi bi-dash"></i></span></span>
209    </h5>
210    <p class="pt-2 collapse">While our tool works well in most cases for removing photo backgrounds, it may not perform as expected on certain complex images, such as those with intricate textures, transparency, or very fine details. We recommend testing it before use to ensure it meets your specific requirements.</p>
211  </div>
212</div>
213<div class="faq-item py-4 border-bottom d-flex justify-content-start position-relative">
214  <span class="text-warning pe-2 fs-5"><i class="bi bi-question-circle-fill"></i></span>
215  <div class="w-100">
216    <h5 style="cursor: pointer" class="faq-title d-flex justify-content-between align-items-center">
217      <span class="fw-bold fs-4 e-text">Do I need to upload my photos to a server?</span>
218      <span class="fs-3"><span class="faq-plus"><i class="bi bi-plus"></i></span><span class="faq-dash d-none"><i class="bi bi-dash"></i></span></span>
219    </h5>
220    <p class="pt-2 collapse">No, you don't need to. Our tool runs locally in your browser, so you don't have to upload your photos to our server. You can use our tool directly in your browser, protecting your privacy and data security.</p>
221  </div>
222</div>
223<div class="faq-item py-4 border-bottom d-flex justify-content-start position-relative">
224  <span class="text-warning pe-2 fs-5"><i class="bi bi-question-circle-fill"></i></span>
225  <div class="w-100">
226    <h5 style="cursor: pointer" class="faq-title d-flex justify-content-between align-items-center">
227      <span class="fw-bold fs-4 e-text">Is this tool free?</span>
228      <span class="fs-3"><span class="faq-plus"><i class="bi bi-plus"></i></span><span class="faq-dash d-none"><i class="bi bi-dash"></i></span></span>
229    </h5>
230    <p class="pt-2 collapse">Yes, our tool is completely free to use. You can remove photo backgrounds anytime without any cost.</p>
231  </div>
232</div>
233<div class="faq-item py-4 border-bottom d-flex justify-content-start position-relative">
234  <span class="text-warning pe-2 fs-5"><i class="bi bi-question-circle-fill"></i></span>
235  <div class="w-100">
236    <h5 style="cursor: pointer" class="faq-title d-flex justify-content-between align-items-center">
237      <span class="fw-bold fs-4 e-text">Does this tool support batch conversion?</span>
238      <span class="fs-3"><span class="faq-plus"><i class="bi bi-plus"></i></span><span class="faq-dash d-none"><i class="bi bi-dash"></i></span></span>
239    </h5>
240    <p class="pt-2 collapse">Yes, our tool supports batch conversion. You can select and process multiple photos at once to improve efficiency and convenience.</p>
241  </div>
242</div>
243<div class="faq-item py-4 border-bottom d-flex justify-content-start position-relative">
244  <span class="text-warning pe-2 fs-5"><i class="bi bi-question-circle-fill"></i></span>
245  <div class="w-100">
246    <h5 style="cursor: pointer" class="faq-title d-flex justify-content-between align-items-center">
247      <span class="fw-bold fs-4 e-text">After removing the background, can I download the processed images?</span>
248      <span class="fs-3"><span class="faq-plus"><i class="bi bi-plus"></i></span><span class="faq-dash d-none"><i class="bi bi-dash"></i></span></span>
249    </h5>
250    <p class="pt-2 collapse">Yes, once you successfully remove the background using our tool, you can download the processed images. We provide a download feature for you to save and use the images you need.</p>
251  </div>
252</div>
253<div class="faq-item py-4 border-bottom d-flex justify-content-start position-relative">
254  <span class="text-warning pe-2 fs-5"><i class="bi bi-question-circle-fill"></i></span>
255  <div class="w-100">
256    <h5 style="cursor: pointer" class="faq-title d-flex justify-content-between align-items-center">
257      <span class="fw-bold fs-4 e-text">What is the speed of BgCutout?</span>
258      <span class="fs-3"><span class="faq-plus"><i class="bi bi-plus"></i></span><span class="faq-dash d-none"><i class="bi bi-dash"></i></span></span>
259    </h5>
260    <p class="pt-2 collapse">The speed depends on your device performance and the size of the image. If your image is small, it can be done in a few seconds. For larger images, it may take longer. Additionally, the first-time use may require some time to complete the initialization process due to the loading of the Wasm file, which depends on your network speed. However, please note that once the Wasm file is loaded, it will be cached for subsequent use, eliminating the need for reloading and improving speed and responsiveness for future use.</p>
261  </div>
262</div>
263</div>
264<div id="extension" class="container-fluid text-center py-5 bg-light pb-5 d-none">
265    <h3 class="mb-3">Install Extension</h3>
266    <p>BgCutout works without relying on extensions, but installing the extension allows you to conveniently import images from web pages into this tool for background removal!</p>
267    <p class="fw-light">Install from Chrome Web Store or Edge Add-ons</p>
268
269    <div class="py-4">
270        <a class="btn btn-lg btn-outline-success me-3 border-2" href="https://chromewebstore.google.com/detail/ikegfpioimmlnahjoopnocnalbmcljde"><i class="bi bi-browser-chrome"></i> Chrome Web Store</a>
271        <a class="btn btn-lg btn-outline-primary border-2" href="https://microsoftedge.microsoft.com/addons/detail/mhdccinhaenjbnkappdklkjcgdakdnfl"><i class="bi bi-browser-edge"></i> Edge Add-ons</a>
272    </div>
273</div>
274<div id="lang-offcanvas" class="offcanvas offcanvas-end" tabindex="-1" style="max-width: 200px;">
275  <div class="offcanvas-header pb-0">
276    <span></span>
277    <button type="button" class="btn-close" data-bs-dismiss="offcanvas"></button>
278  </div>
279  <div class="offcanvas-body narrow-scrollbar">
280        <a class="d-block mb-2" href="https://addonx.net/cn/bgcutout">中文</a>
281        <a class="d-block mb-2" href="https://addonx.net/cs/bgcutout">če&scaron;tina</a>
282        <a class="d-block mb-2" href="https://addonx.net/da/bgcutout">dansk</a>
283        <a class="d-block mb-2" href="https://addonx.net/de/bgcutout">Deutsch</a>
284        <a class="d-block mb-2" href="https://addonx.net/el/bgcutout">&Epsilon;&lambda;&lambda;&eta;&nu;&iota;&kappa;ά</a>
285        <a class="d-block mb-2" href="https://addonx.net/bgcutout">English</a>
286        <a class="d-block mb-2" href="https://addonx.net/es/bgcutout">espa&ntilde;ol</a>
287        <a class="d-block mb-2" href="https://addonx.net/fi/bgcutout">Suomalainen</a>
288        <a class="d-block mb-2" href="https://addonx.net/fil/bgcutout">Filipino</a>
289        <a class="d-block mb-2" href="https://addonx.net/fr/bgcutout">Fran&ccedil;ais</a>
290        <a class="d-block mb-2" href="https://addonx.net/hi/bgcutout">हिंदी</a>
291        <a class="d-block mb-2" href="https://addonx.net/hu/bgcutout">Magyar</a>
292        <a class="d-block mb-2" href="https://addonx.net/id/bgcutout">bahasa Indonesia</a>
293        <a class="d-block mb-2" href="https://addonx.net/it/bgcutout">italiano</a>
294        <a class="d-block mb-2" href="https://addonx.net/ja/bgcutout">日本</a>
295        <a class="d-block mb-2" href="https://addonx.net/ko/bgcutout">한국인</a>
296        <a class="d-block mb-2" href="https://addonx.net/nl/bgcutout">Nederlands</a>
297        <a class="d-block mb-2" href="https://addonx.net/no/bgcutout">norsk</a>
298        <a class="d-block mb-2" href="https://addonx.net/pl/bgcutout">Polski</a>
299        <a class="d-block mb-2" href="https://addonx.net/pt/bgcutout">Portugu&ecirc;s</a>
300        <a class="d-block mb-2" href="https://addonx.net/ro/bgcutout">Rom&acirc;nă</a>
301        <a class="d-block mb-2" href="https://addonx.net/ru/bgcutout">Русский</a>
302        <a class="d-block mb-2" href="https://addonx.net/sv/bgcutout">svenska</a>
303        <a class="d-block mb-2" href="https://addonx.net/tr/bgcutout">T&uuml;rk&ccedil;e</a>
304        <a class="d-block mb-2" href="https://addonx.net/tw/bgcutout">中文(繁體)</a>
305        <a class="d-block mb-2" href="https://addonx.net/uk/bgcutout">українська</a>
306        <a class="d-block mb-2" href="https://addonx.net/vi/bgcutout">Tiếng Việt</a>
307      </div>
308</div>
309<div id="footer" class="container-fluid bg-dark text-white-50 pt-5 d-flex justify-content-between">
310    <div id="copyright">
311        <div class="pb-2 fs-4 fw-bold">bgCutout V <small>1.0</small></div>
312
313        <div class="pb-3">Powered by <a class="text-decoration-none" href="/">AddonX.net</a></div>
314    </div>
315    <div><button id="lang-switch" class="btn btn-light"><i class="bi bi-globe"></i> EN</button></div>
316</div>
317<script src="/static/bootstrap-5.3.0/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 317
317
318<script src="/static/masonry.min.js"></script>
vendor: 1 bytes, line 318
318
319<script src="/app/bgCutout/controller.js"></script>
vendor: 1 bytes, line 319
319
320<script src="/app/bgCutout/content.js"></script>
vendor: 1 bytes, line 320
320
321<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2c98e74687b0423eadf86e3eb7fd4e33","r":1,"spa":2}' crossorigin="anonymous"></script>
321
322</body>
323</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.