{"id":4289,"date":"2023-07-01T23:58:53","date_gmt":"2023-07-01T18:28:53","guid":{"rendered":"https:\/\/codingislove.com\/?p=4289"},"modified":"2023-07-02T00:08:55","modified_gmt":"2023-07-01T18:38:55","slug":"remove-background-from-image-javascript","status":"publish","type":"post","link":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/","title":{"rendered":"How to remove background from an image using Javascript?"},"content":{"rendered":"\n<p>Removing background from an Image is something we need quite often. We&#8217;ll be searching for background removal tools. Here&#8217;s how to remove background programmatically using Javascript.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"592\" height=\"357\" src=\"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image.png\" alt=\"Remove background images using Javascript\" class=\"wp-image-4290\" srcset=\"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image.png 592w, https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image-300x181.png 300w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/><\/figure><\/div>\n\n\n<!--more-->\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Introducing background-removal-js<\/h2>\n\n\n\n<p>Remove backgrounds from images directly in the browser environment with ease and no additional costs or privacy concerns.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p><code><a href=\"https:\/\/github.com\/imgly\/background-removal-js\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">@imgly\/background-removal<\/a><\/code>&nbsp;is a powerful npm package that allows developers to seamlessly remove the background from images directly in the browser. With its unique features and capabilities, this package offers an innovative and cost-effective solution for background removal tasks without compromising data privacy.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Key features<\/h2>\n\n\n\n<p>The key features of&nbsp;<code>@imgly\/background-removal<\/code>&nbsp;are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>In-Browser Background Removal<\/strong>: Our one-of-a-kind solution performs the entire background removal process directly in the user&#8217;s browser, eliminating the need for additional server costs. By leveraging the computing power of the local device, users can enjoy a fast and efficient background removal process.<\/li>\n\n\n\n<li><strong>Data Protection<\/strong>: As&nbsp;<code>@imgly\/background-removal<\/code>&nbsp;runs entirely in the browser, users can have peace of mind knowing that their images and sensitive information remain secure within their own devices. With no data transfers to external servers, data privacy concerns are effectively mitigated.<\/li>\n\n\n\n<li><strong>Seamless Integration with IMG.LY&#8217;s CE.SDK<\/strong>:&nbsp;<code>@imgly\/background-removal<\/code>&nbsp;provides seamless integration with&nbsp;<a href=\"https:\/\/img.ly\/products\/creative-sdk?utm_source=github&amp;utm_medium=project&amp;utm_campaign=bg-removal\">IMG.LY&#8217;s CE.SDK<\/a>, allowing developers to easily incorporate powerful in-browser image matting and background removal capabilities into their projects.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>The Neural Network (<a href=\"https:\/\/onnx.ai\/\">ONNX model<\/a>) and WASM files used by&nbsp;<code>@imgly\/background-removal<\/code>&nbsp;are hosted on&nbsp;<a href=\"https:\/\/www.unpkg.com\/\">UNPKG<\/a>, making it readily available for download to all users of the library. See the section Custom Asset Serving if you want to host data on your own servers.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Installation<\/h2>\n\n\n\n<p>You can install&nbsp;<code><a href=\"https:\/\/github.com\/imgly\/background-removal-js\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">@imgly\/background-removal<\/a><\/code>&nbsp;via npm or yarn. Use the following commands to install the package:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: bash; title: ; notranslate\" title=\"\">\nnpm install @imgly\/background-removal\n<\/pre><\/div>\n\n<!-- \/112371330\/post-rectange -->\r\n<div class=\"ad-wrapper\">\r\n<div id='div-gpt-ad-1595415581471-0' style='width: 300px; height: 250px;'>\r\n  <script>\r\n    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1595415581471-0'); });\r\n  <\/script>\r\n<\/div>\r\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Usage<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nimport imglyRemoveBackground from &quot;@imgly\/background-removal&quot;\n\nlet image_src: ImageData | ArrayBuffer | Uint8Array | Blob | URL | string = ...;\n\nimglyRemoveBackground(image_src).then((blob: Blob) =&gt; {\n  \/\/ The result is a blob encoded as PNG. It can be converted to an URL to be used as HTMLImage.src\n  const url = URL.createObjectURL(blob);\n})\n<\/pre><\/div>\n\n\n<p>Note: On the first run the wasm and onnx model files are fetched. This might, depending on the bandwidth, take time. Therefore, the first run takes proportionally longer than each consecutive run. Also, all files are cached by the browser and an additional model cache.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Advanced Configuration<\/h2>\n\n\n\n<p>The library does not need any configuration to get started. However, there are optional parameters that influence the behavior and give more control over the library.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\ntype Config = {\n  publicPath: string; \/\/ The public path used for model and wasm files\n  debug: bool; \/\/ enable or disable useful console.log outputs\n  proxyToWorker: bool; \/\/ Whether to proxy the calculations to a web worker. (Default true)\n  model: &#039;small&#039; | &#039;medium&#039;; \/\/ The model to use. (Default &quot;medium&quot;)\n};\n<\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\">Download Size vs Quality<\/h2>\n\n\n\n<p>The onnx model is shipped in various sizes and needs.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>small (~40 MB) is the smallest model and is in most cases working fine but sometimes shows some artifacts. It&#8217;s a quantized model.<\/li>\n\n\n\n<li>medium (~80MB) is the default model.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Download Progress Monitoring<\/h3>\n\n\n\n<p>On the first run, the necessary data will be fetched and stored in the browser cache. Since the download might take some time, you have the option to tap into the download progress.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nlet config: Config = {\n  progress: (key, current, total) =&gt; {\n    console.log(`Downloading ${key}: ${(current} of ${total}`);\n  }\n}\n<\/pre><\/div>\n\n<!-- \/112371330\/after-post -->\r\n<div class=\"ad-wrapper\">\r\n<div id='div-gpt-ad-1595272670647-0' style='width: 750px; height: 100px;'>\r\n  <script>\r\n    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1595272670647-0'); });\r\n  <\/script>\r\n<\/div>\r\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Who is it for?<\/h2>\n\n\n\n<p><code><code><a href=\"https:\/\/github.com\/imgly\/background-removal-js\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">@imgly\/background-removal<\/a><\/code><\/code>&nbsp;is ideal for developers and projects that require efficient and cost-effective background removal directly in the browser. It caters to a wide range of use cases, including but not limited to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>E-commerce applications<\/em>&nbsp;that need to remove backgrounds from product images in real time.<\/li>\n\n\n\n<li><em>Image editing applications<\/em>&nbsp;that require background removal capabilities for enhancing user experience.<\/li>\n\n\n\n<li><em>Web-based graphic design tools<\/em>&nbsp;that aim to simplify the creative process with in-browser background removal.<\/li>\n<\/ul>\n\n\n\n<p>Whether you are a professional developer or a hobbyist,&nbsp;<code>@imgly\/background-removal<\/code>&nbsp;empowers you to deliver impressive applications and services with ease.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Demo of image with background removed<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image-1.png\" alt=\"\" class=\"wp-image-4291\" srcset=\"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image-1.png 1024w, https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image-1-300x200.png 300w, https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image-1-768x512.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Live Demo<\/h2>\n\n\n\n<p>A live demo of the background removal tool in Javascript can be explored <a href=\"https:\/\/img.ly\/showcases\/cesdk\/web\/background-removal\/web\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">here<\/a><\/p>\n<div style=\"margin-top: 15px; margin-bottom: 15px;\" class=\"sharethis-inline-share-buttons\" ><\/div>","protected":false},"excerpt":{"rendered":"<p>Removing background from an Image is something we need quite often. We&#8217;ll be searching for background removal tools. Here&#8217;s how to remove background programmatically using&hellip; <\/p>\n","protected":false},"author":1,"featured_media":4290,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3,26],"tags":[29,10],"class_list":["post-4289","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-dev-resources","tag-html","tag-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to remove background from an image using Javascript? - Coding is Love<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to remove background from an image using Javascript? - Coding is Love\" \/>\n<meta property=\"og:description\" content=\"Removing background from an Image is something we need quite often. We&#8217;ll be searching for background removal tools. Here&#8217;s how to remove background programmatically using&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Coding is Love\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/codingislove\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/ranjithkumar10\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-01T18:28:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-01T18:38:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"592\" \/>\n\t<meta property=\"og:image:height\" content=\"357\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ranjith kumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codingislove\" \/>\n<meta name=\"twitter:site\" content=\"@codingislove\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ranjith kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/\"},\"author\":{\"name\":\"Ranjith kumar\",\"@id\":\"https:\/\/codingislove.com\/#\/schema\/person\/ecb142505163b016d59bfbe662af587e\"},\"headline\":\"How to remove background from an image using Javascript?\",\"datePublished\":\"2023-07-01T18:28:53+00:00\",\"dateModified\":\"2023-07-01T18:38:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/\"},\"wordCount\":569,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/codingislove.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image.png\",\"keywords\":[\"html\",\"Javascript\"],\"articleSection\":[\"Coding Tutorials\",\"Dev resources\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/\",\"url\":\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/\",\"name\":\"How to remove background from an image using Javascript? - Coding is Love\",\"isPartOf\":{\"@id\":\"https:\/\/codingislove.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image.png\",\"datePublished\":\"2023-07-01T18:28:53+00:00\",\"dateModified\":\"2023-07-01T18:38:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#primaryimage\",\"url\":\"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image.png\",\"contentUrl\":\"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image.png\",\"width\":592,\"height\":357},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Coding is Love\",\"item\":\"https:\/\/codingislove.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Coding Tutorials\",\"item\":\"https:\/\/codingislove.com\/category\/tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to remove background from an image using Javascript?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codingislove.com\/#website\",\"url\":\"https:\/\/codingislove.com\/\",\"name\":\"Coding is Love\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/codingislove.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codingislove.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codingislove.com\/#organization\",\"name\":\"Coding is Love\",\"url\":\"https:\/\/codingislove.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codingislove.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/codingislove.com\/wp-content\/uploads\/2015\/12\/codinglovenew.png\",\"contentUrl\":\"https:\/\/codingislove.com\/wp-content\/uploads\/2015\/12\/codinglovenew.png\",\"width\":300,\"height\":225,\"caption\":\"Coding is Love\"},\"image\":{\"@id\":\"https:\/\/codingislove.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/codingislove\/\",\"https:\/\/x.com\/codingislove\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codingislove.com\/#\/schema\/person\/ecb142505163b016d59bfbe662af587e\",\"name\":\"Ranjith kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codingislove.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f5486247269539c638227e6213187139cc7460eeb16d789fa757485f1d2b87f0?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f5486247269539c638227e6213187139cc7460eeb16d789fa757485f1d2b87f0?s=96&d=wavatar&r=g\",\"caption\":\"Ranjith kumar\"},\"description\":\"A CA- by education, self taught coder by passion, loves to explore new technologies and believes in learn by doing.\",\"sameAs\":[\"https:\/\/www.facebook.com\/ranjithkumar10\",\"https:\/\/www.instagram.com\/livin_on_d_edge\/\",\"https:\/\/www.linkedin.com\/in\/ranjithkumar10\",\"https:\/\/www.youtube.com\/c\/codingislove01\"],\"url\":\"https:\/\/codingislove.com\/author\/ranjithkumar10\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to remove background from an image using Javascript? - Coding is Love","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/","og_locale":"en_US","og_type":"article","og_title":"How to remove background from an image using Javascript? - Coding is Love","og_description":"Removing background from an Image is something we need quite often. We&#8217;ll be searching for background removal tools. Here&#8217;s how to remove background programmatically using&hellip;","og_url":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/","og_site_name":"Coding is Love","article_publisher":"https:\/\/facebook.com\/codingislove\/","article_author":"https:\/\/www.facebook.com\/ranjithkumar10","article_published_time":"2023-07-01T18:28:53+00:00","article_modified_time":"2023-07-01T18:38:55+00:00","og_image":[{"width":592,"height":357,"url":"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image.png","type":"image\/png"}],"author":"Ranjith kumar","twitter_card":"summary_large_image","twitter_creator":"@codingislove","twitter_site":"@codingislove","twitter_misc":{"Written by":"Ranjith kumar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#article","isPartOf":{"@id":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/"},"author":{"name":"Ranjith kumar","@id":"https:\/\/codingislove.com\/#\/schema\/person\/ecb142505163b016d59bfbe662af587e"},"headline":"How to remove background from an image using Javascript?","datePublished":"2023-07-01T18:28:53+00:00","dateModified":"2023-07-01T18:38:55+00:00","mainEntityOfPage":{"@id":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/"},"wordCount":569,"commentCount":1,"publisher":{"@id":"https:\/\/codingislove.com\/#organization"},"image":{"@id":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image.png","keywords":["html","Javascript"],"articleSection":["Coding Tutorials","Dev resources"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codingislove.com\/remove-background-from-image-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/","url":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/","name":"How to remove background from an image using Javascript? - Coding is Love","isPartOf":{"@id":"https:\/\/codingislove.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#primaryimage"},"image":{"@id":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image.png","datePublished":"2023-07-01T18:28:53+00:00","dateModified":"2023-07-01T18:38:55+00:00","breadcrumb":{"@id":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codingislove.com\/remove-background-from-image-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#primaryimage","url":"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image.png","contentUrl":"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image.png","width":592,"height":357},{"@type":"BreadcrumbList","@id":"https:\/\/codingislove.com\/remove-background-from-image-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Coding is Love","item":"https:\/\/codingislove.com\/"},{"@type":"ListItem","position":2,"name":"Coding Tutorials","item":"https:\/\/codingislove.com\/category\/tutorials\/"},{"@type":"ListItem","position":3,"name":"How to remove background from an image using Javascript?"}]},{"@type":"WebSite","@id":"https:\/\/codingislove.com\/#website","url":"https:\/\/codingislove.com\/","name":"Coding is Love","description":"","publisher":{"@id":"https:\/\/codingislove.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codingislove.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codingislove.com\/#organization","name":"Coding is Love","url":"https:\/\/codingislove.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codingislove.com\/#\/schema\/logo\/image\/","url":"https:\/\/codingislove.com\/wp-content\/uploads\/2015\/12\/codinglovenew.png","contentUrl":"https:\/\/codingislove.com\/wp-content\/uploads\/2015\/12\/codinglovenew.png","width":300,"height":225,"caption":"Coding is Love"},"image":{"@id":"https:\/\/codingislove.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/codingislove\/","https:\/\/x.com\/codingislove"]},{"@type":"Person","@id":"https:\/\/codingislove.com\/#\/schema\/person\/ecb142505163b016d59bfbe662af587e","name":"Ranjith kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codingislove.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f5486247269539c638227e6213187139cc7460eeb16d789fa757485f1d2b87f0?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f5486247269539c638227e6213187139cc7460eeb16d789fa757485f1d2b87f0?s=96&d=wavatar&r=g","caption":"Ranjith kumar"},"description":"A CA- by education, self taught coder by passion, loves to explore new technologies and believes in learn by doing.","sameAs":["https:\/\/www.facebook.com\/ranjithkumar10","https:\/\/www.instagram.com\/livin_on_d_edge\/","https:\/\/www.linkedin.com\/in\/ranjithkumar10","https:\/\/www.youtube.com\/c\/codingislove01"],"url":"https:\/\/codingislove.com\/author\/ranjithkumar10\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/codingislove.com\/wp-content\/uploads\/2023\/07\/image.png","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/posts\/4289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/comments?post=4289"}],"version-history":[{"count":5,"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/posts\/4289\/revisions"}],"predecessor-version":[{"id":4296,"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/posts\/4289\/revisions\/4296"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/media\/4290"}],"wp:attachment":[{"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/media?parent=4289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/categories?post=4289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codingislove.com\/wp-json\/wp\/v2\/tags?post=4289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}