{"id":214,"date":"2024-03-23T10:21:52","date_gmt":"2024-03-23T10:21:52","guid":{"rendered":"https:\/\/shamimstationers.com\/?page_id=214"},"modified":"2024-03-25T18:24:30","modified_gmt":"2024-03-25T18:24:30","slug":"remove-background","status":"publish","type":"page","link":"https:\/\/shamimstationers.com\/index.php\/remove-background\/","title":{"rendered":"Remove background"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"214\" class=\"elementor elementor-214\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-03fe5d3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"03fe5d3\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-53d2856\" data-id=\"53d2856\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7e81084 elementor-widget elementor-widget-html\" data-id=\"7e81084\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Remove Background and Download<\/title>\r\n    <style>\r\n        body\r\n            font-family: Arial, sans-serif;\r\n            margin: 20px;\r\n        }\r\n        #preview {\r\n            max-width: 100%;\r\n            height: auto;\r\n            margin-top: 20px;\r\n            display: none;\r\n        }\r\n        #downloadBtn {\r\n            display: none;\r\n            margin-top: 20px;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <h1>Remove Background and Download<\/h1>\r\n    <input type=\"file\" id=\"imageInput\" accept=\"image\/*\">\r\n    <br><br>\r\n    <button id=\"removeBackgroundBtn\" onclick=\"removeBackground()\">Remove Background<\/button>\r\n    <a id=\"downloadBtn\" download=\"background_removed_image.png\" href=\"#\" onclick=\"downloadImage()\">Download Image<\/a>\r\n    <br><br>\r\n    <img decoding=\"async\" id=\"preview\" src=\"#\" alt=\"\">\r\n\r\n    <script>\r\n        function removeBackground() {\r\n            const imageInput = document.getElementById('imageInput');\r\n            const preview = document.getElementById('preview');\r\n            const removeBackgroundBtn = document.getElementById('removeBackgroundBtn');\r\n            const downloadBtn = document.getElementById('downloadBtn');\r\n\r\n            const file = imageInput.files[0];\r\n            if (!file) {\r\n                alert('Please select an image.');\r\n                return;\r\n            }\r\n\r\n            removeBackgroundBtn.innerText = 'Processing...';\r\n\r\n            const formData = new FormData();\r\n            formData.append('image_file', file);\r\n\r\n            fetch('https:\/\/api.remove.bg\/v1.0\/removebg', {\r\n                method: 'POST',\r\n                headers: {\r\n                    'X-Api-Key': 'fbSLJPVLVZ7wp7W4m8MgYCoV'\r\n                },\r\n                body: formData\r\n            })\r\n            .then(response => {\r\n                if (!response.ok) {\r\n                    throw new Error('Background removal failed.');\r\n                }\r\n                return response.blob();\r\n            })\r\n            .then(blob => {\r\n                const imgUrl = URL.createObjectURL(blob);\r\n                preview.src = imgUrl;\r\n                preview.style.display = 'block';\r\n                removeBackgroundBtn.innerText = 'Background Removed';\r\n                downloadBtn.style.display = 'inline-block';\r\n            })\r\n            .catch(error => {\r\n                console.error('Error:', error);\r\n                removeBackgroundBtn.innerText = 'Remove Background';\r\n            });\r\n        }\r\n\r\n        function downloadImage() {\r\n            const preview = document.getElementById('preview');\r\n            const downloadBtn = document.getElementById('downloadBtn');\r\n\r\n            const canvas = document.createElement('canvas');\r\n            canvas.width = preview.naturalWidth;\r\n            canvas.height = preview.naturalHeight;\r\n            const ctx = canvas.getContext('2d');\r\n            ctx.drawImage(preview, 0, 0);\r\n\r\n            const downloadLink = document.createElement('a');\r\n            downloadLink.download = 'background_removed_image.png';\r\n            canvas.toBlob(blob => {\r\n                const url = URL.createObjectURL(blob);\r\n                downloadLink.href = url;\r\n                downloadLink.click();\r\n                URL.revokeObjectURL(url);\r\n            });\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f9ff791 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f9ff791\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a12db06\" data-id=\"a12db06\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7f7fb9a elementor-widget elementor-widget-image\" data-id=\"7f7fb9a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/shamimstationers.com\/wp-content\/uploads\/2024\/03\/social-remove-background.png\" class=\"attachment-full size-full wp-image-232\" alt=\"\" srcset=\"https:\/\/shamimstationers.com\/wp-content\/uploads\/2024\/03\/social-remove-background.png 1280w, https:\/\/shamimstationers.com\/wp-content\/uploads\/2024\/03\/social-remove-background-600x338.png 600w, https:\/\/shamimstationers.com\/wp-content\/uploads\/2024\/03\/social-remove-background-300x169.png 300w, https:\/\/shamimstationers.com\/wp-content\/uploads\/2024\/03\/social-remove-background-1024x576.png 1024w, https:\/\/shamimstationers.com\/wp-content\/uploads\/2024\/03\/social-remove-background-768x432.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-df8a8a3\" data-id=\"df8a8a3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e1ad8b elementor-widget elementor-widget-heading\" data-id=\"6e1ad8b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h3 class=\"font-display font-bold text-typo m-0 text-4xl\" style=\"border-style: solid; border-color: currentcolor; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 \/ 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; font-size: 2rem; margin-bottom: 0px; font-family: Poppins, sans-serif; line-height: 2.6rem; --tw-text-opacity: 1; color: rgb(69, 69, 69); font-style: normal; white-space: normal;\">Remove backgrounds 100% automatically in 5 seconds with one click<\/h3><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bda1723 elementor-widget elementor-widget-text-editor\" data-id=\"bda1723\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"border-style: solid; border-color: currentcolor; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 \/ 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; margin-bottom: 1rem; color: #454545; font-family: 'Canva Sans', 'Open Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400;\">Thanks to you can slash editing time &#8211; and have more fun!<\/p><p style=\"border-style: solid; border-color: currentcolor; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 \/ 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; margin-bottom: 1rem; color: #454545; font-family: 'Canva Sans', 'Open Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400;\">No matter if you want to make a background transparent (PNG), add a white background to a photo<span style=\"--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 \/ 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; color: #000000; border: 0px solid currentcolor;\">, extract or isolate the subject, or get the cutout of a photo &#8211;\u00a0<\/span>you can do all this and more with Remove Background<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Remove Background and Download Remove Background and Download Remove Background Download Image Remove backgrounds 100% automatically in 5 seconds with [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-214","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shamimstationers.com\/index.php\/wp-json\/wp\/v2\/pages\/214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shamimstationers.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shamimstationers.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shamimstationers.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shamimstationers.com\/index.php\/wp-json\/wp\/v2\/comments?post=214"}],"version-history":[{"count":84,"href":"https:\/\/shamimstationers.com\/index.php\/wp-json\/wp\/v2\/pages\/214\/revisions"}],"predecessor-version":[{"id":367,"href":"https:\/\/shamimstationers.com\/index.php\/wp-json\/wp\/v2\/pages\/214\/revisions\/367"}],"wp:attachment":[{"href":"https:\/\/shamimstationers.com\/index.php\/wp-json\/wp\/v2\/media?parent=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}