{"id":814,"date":"2025-10-23T17:01:31","date_gmt":"2025-10-23T09:01:31","guid":{"rendered":"https:\/\/www.aitoolsoft.com\/?page_id=814"},"modified":"2025-10-23T17:50:00","modified_gmt":"2025-10-23T09:50:00","slug":"image-background-editor","status":"publish","type":"page","link":"https:\/\/www.aitoolsoft.com\/zh_tw\/image-background-editor.html","title":{"rendered":"\u5716\u7247\u80cc\u666f\u7de8\u8f2f\u5668"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"814\" class=\"elementor elementor-814\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b30f73 e-flex e-con-boxed e-con e-parent\" data-id=\"4b30f73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-019e094 elementor-widget elementor-widget-spacer\" data-id=\"019e094\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dc135c elementor-widget elementor-widget-text-editor\" data-id=\"9dc135c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1>Online Image Background Editor<\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f5072e elementor-widget elementor-widget-text-editor\" data-id=\"2f5072e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Easily Add Custom Backgrounds to Your Images Online \u2013 Adjust Size, Scale, and Rounded Corners Instantly<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80cc51b elementor-widget elementor-widget-spacer\" data-id=\"80cc51b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbb9baf elementor-widget elementor-widget-html\" data-id=\"fbb9baf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"img-bg-tool\">\n  <div class=\"canvas-container\">\n    <canvas id=\"canvas\" width=\"1280\" height=\"720\"><\/canvas>\n  <\/div>\n\n  <div class=\"controls\">\n    <!-- Upload -->\n    <div class=\"row\">\n      <label>Upload Image:<\/label>\n      <button id=\"customUploadBtn\">Choose File<\/button>\n      <span id=\"fileName\" style=\"margin-left:10px;\">No file chosen<\/span>\n      <input type=\"file\" id=\"imageUpload\" accept=\"image\/*\" style=\"display:none;\">\n    <\/div>\n\n    <!-- Background -->\n    <div class=\"row\">\n      <label>Background:<\/label>\n      <div class=\"color-options\">\n        <button style=\"background:#ff6f61\" onclick=\"setBgColor('#ff6f61')\"><\/button>\n        <button style=\"background:#1e90ff\" onclick=\"setBgColor('#1e90ff')\"><\/button>\n        <button style=\"background:#ffc107\" onclick=\"setBgColor('#ffc107')\"><\/button>\n        <button style=\"background:#32cd32\" onclick=\"setBgColor('#32cd32')\"><\/button>\n        <button style=\"background:#8a2be2\" onclick=\"setBgColor('#8a2be2')\"><\/button>\n      <\/div>\n      <input type=\"color\" id=\"bgColorPicker\" value=\"#ffffff\" style=\"margin-left:10px;\">\n    <\/div>\n\n    <!-- Scale + Roundness -->\n    <div class=\"row\">\n      <label>Scale:<\/label>\n      <input type=\"range\" id=\"scaleSlider\" min=\"0.1\" max=\"3\" step=\"0.1\" value=\"1\">\n      <label style=\"margin-left:20px;\">Roundness:<\/label>\n      <input type=\"range\" id=\"roundSlider\" min=\"0\" max=\"100\" step=\"1\" value=\"20\">\n    <\/div>\n\n    <!-- Canvas Size -->\n    <div class=\"row\">\n      <label>Canvas Size:<\/label>\n      <select id=\"presetSize\">\n        <option value=\"1280x720\">1280\u00d7720 (16:9)<\/option>\n        <option value=\"1350x760\">1350\u00d7760 (Recommended)<\/option>\n        <option value=\"800x800\">800\u00d7800<\/option>\n        <option value=\"custom\">Custom<\/option>\n      <\/select>\n      <label style=\"margin-left:10px;\">Custom:<\/label>\n      <input type=\"number\" id=\"customWidth\" placeholder=\"Width\" style=\"width:80px;\">\n      <input type=\"number\" id=\"customHeight\" placeholder=\"Height\" style=\"width:80px;\">\n      <button onclick=\"applyCustomSize()\">Apply<\/button>\n    <\/div>\n\n    <!-- Download -->\n    <div class=\"row download-row\">\n      <button onclick=\"downloadImage()\">Download PNG<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.img-bg-tool {\n  font-family: Arial, sans-serif;\n  background: #fff;\n  border-radius: 12px;\n  padding: 20px;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n  max-width: 800px;\n  margin: 0 auto;\n}\n.img-bg-tool h2 { text-align:center; margin-bottom:15px; }\n.img-bg-tool .canvas-container { text-align:center; }\n.img-bg-tool canvas {\n  width:100%; height:auto; border-radius:20px;\n  background:#f8f8f8; box-shadow:0 2px 6px rgba(0,0,0,0.2);\n  margin-bottom:20px;\n}\n.img-bg-tool .controls { display:flex; flex-direction:column; gap:15px; }\n.img-bg-tool .row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }\n.img-bg-tool .row label { font-weight:bold; min-width:110px; }\n.img-bg-tool input[type=\"color\"],\n.img-bg-tool input[type=\"number\"],\n.img-bg-tool select { padding:6px; font-size:14px; }\n.img-bg-tool input[type=\"range\"] { width:150px; }\n.img-bg-tool button {\n  padding:8px 18px; border:none; border-radius:8px;\n  cursor:pointer; background:#0078ff; color:white; font-weight:bold; transition:0.3s;\n}\n.img-bg-tool button:hover { background:#005fcc; }\n.img-bg-tool .color-options button {\n  width:28px; height:28px; border-radius:50%; border:2px solid #fff;\n  box-shadow:0 0 3px rgba(0,0,0,0.3);\n}\n.img-bg-tool .download-row { justify-content:center; }\n<\/style>\n\n<script>\nconst canvas = document.getElementById('canvas');\nconst ctx = canvas.getContext('2d');\nlet img = null, scale=1, posX=0, posY=0, bgColor='#ffffff', roundRadius=20;\n\n\/\/ \u7ed8\u5236\u5706\u89d2\u77e9\u5f62\u51fd\u6570\nfunction drawRoundedRect(ctx, x, y, width, height, radius){\n  ctx.beginPath();\n  ctx.moveTo(x+radius,y);\n  ctx.lineTo(x+width-radius,y);\n  ctx.quadraticCurveTo(x+width,y,x+width,y+radius);\n  ctx.lineTo(x+width,y+height-radius);\n  ctx.quadraticCurveTo(x+width,y+height,x+width-radius,y+height);\n  ctx.lineTo(x+radius,y+height);\n  ctx.quadraticCurveTo(x,y+height,x,y+height-radius);\n  ctx.lineTo(x,y+radius);\n  ctx.quadraticCurveTo(x,y,x+radius,y);\n  ctx.closePath();\n}\n\n\/\/ \u4e3b\u7ed8\u5236\u51fd\u6570\nfunction drawCanvas(){\n  ctx.clearRect(0,0,canvas.width,canvas.height);\n  \/\/ \u80cc\u666f\n  drawRoundedRect(ctx,0,0,canvas.width,canvas.height,roundRadius);\n  ctx.fillStyle=bgColor;\n  ctx.fill();\n\n  if(img){\n    const w=img.width*scale;\n    const h=img.height*scale;\n    const x=canvas.width\/2 - w\/2 + posX;\n    const y=canvas.height\/2 - h\/2 + posY;\n\n    drawRoundedRect(ctx,0,0,canvas.width,canvas.height,roundRadius);\n    ctx.clip();\n    ctx.drawImage(img,x,y,w,h);\n  }\n}\n\n\/\/ \u81ea\u5b9a\u4e49\u4e0a\u4f20\u6309\u94ae\ndocument.getElementById('customUploadBtn').addEventListener('click',()=>{\n  document.getElementById('imageUpload').click();\n});\n\n\/\/ \u4e0a\u4f20\u56fe\u7247\ndocument.getElementById('imageUpload').addEventListener('change',(e)=>{\n  const file = e.target.files[0];\n  if(!file) return;\n  document.getElementById('fileName').textContent = file.name;\n  const reader = new FileReader();\n  reader.onload = function(evt){\n    img = new Image();\n    img.onload = drawCanvas;\n    img.src = evt.target.result;\n  }\n  reader.readAsDataURL(file);\n});\n\n\/\/ \u80cc\u666f\u989c\u8272\ndocument.getElementById('bgColorPicker').addEventListener('input',(e)=>{\n  bgColor=e.target.value; drawCanvas();\n});\nfunction setBgColor(color){ bgColor=color; document.getElementById('bgColorPicker').value=color; drawCanvas(); }\n\n\/\/ Scale\ndocument.getElementById('scaleSlider').addEventListener('input',(e)=>{\n  scale=parseFloat(e.target.value); drawCanvas();\n});\n\n\/\/ Roundness\ndocument.getElementById('roundSlider').addEventListener('input',(e)=>{\n  roundRadius=parseInt(e.target.value); drawCanvas();\n});\n\n\/\/ Canvas\u5c3a\u5bf8\ndocument.getElementById('presetSize').addEventListener('change',(e)=>{\n  const val=e.target.value;\n  if(val!=='custom'){\n    const [w,h]=val.split('x').map(Number);\n    canvas.width=w; canvas.height=h; drawCanvas();\n  }\n});\nfunction applyCustomSize(){\n  const w=parseInt(document.getElementById('customWidth').value);\n  const h=parseInt(document.getElementById('customHeight').value);\n  if(w>0 && h>0){ canvas.width=w; canvas.height=h; drawCanvas(); }\n}\n\n\/\/ \u5bfc\u51fa\u56fe\u7247\nfunction downloadImage(){\n  drawCanvas();\n  const link=document.createElement('a');\n  link.download='image-with-background.png';\n  link.href=canvas.toDataURL('image\/png');\n  link.click();\n}\n\n\/\/ \u521d\u59cb\u5316\ndrawCanvas();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dbb2cbc e-flex e-con-boxed e-con e-parent\" data-id=\"dbb2cbc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b025409 elementor-widget elementor-widget-spacer\" data-id=\"b025409\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9df1d91 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"9df1d91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fa44ee elementor-widget elementor-widget-spacer\" data-id=\"1fa44ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8e3359 elementor-widget elementor-widget-text-editor\" data-id=\"e8e3359\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>How to Use Online Image Background Editor<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12bb6eb elementor-widget elementor-widget-spacer\" data-id=\"12bb6eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-154a336 e-flex e-con-boxed e-con e-parent\" data-id=\"154a336\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71549e6 elementor-widget elementor-widget-text-editor\" data-id=\"71549e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"272\" data-end=\"422\"><strong data-start=\"272\" data-end=\"301\">Step 1: Upload Your Image<\/strong><br data-start=\"301\" data-end=\"304\" \/>Click the <strong data-start=\"314\" data-end=\"331\">\u201cChoose File\u201d<\/strong> button to upload your image. The tool supports JPG, PNG, and other common image formats.<\/p><p data-start=\"424\" data-end=\"603\"><strong data-start=\"424\" data-end=\"459\">Step 2: Choose Background Color<\/strong><br data-start=\"459\" data-end=\"462\" \/>Select one of the preset vibrant background colors or pick a custom color using the color picker. Your image preview will update instantly.<\/p><p data-start=\"605\" data-end=\"815\"><strong data-start=\"605\" data-end=\"643\">Step 3: Adjust Scale and Roundness<\/strong><br data-start=\"643\" data-end=\"646\" \/>Use the <strong data-start=\"654\" data-end=\"663\">Scale<\/strong> slider to resize your image, and the <strong data-start=\"701\" data-end=\"714\">Roundness<\/strong> slider to apply rounded corners to the canvas. The preview will reflect your changes in real-time.<\/p><p data-start=\"817\" data-end=\"1000\"><strong data-start=\"817\" data-end=\"844\">Step 4: Set Canvas Size<\/strong><br data-start=\"844\" data-end=\"847\" \/>Choose a preset canvas size (e.g., 1280\u00d7720 for 16:9 or 1350\u00d7760 recommended) or enter a custom width and height. Click <strong data-start=\"967\" data-end=\"976\">Apply<\/strong> to update the canvas.<\/p><p data-start=\"1002\" data-end=\"1145\"><strong data-start=\"1002\" data-end=\"1033\">Step 5: Download Your Image<\/strong><br data-start=\"1033\" data-end=\"1036\" \/>Once satisfied, click <strong data-start=\"1058\" data-end=\"1074\">Download PNG<\/strong> to save your image with the selected background and rounded corners.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26d08c6 e-flex e-con-boxed e-con e-parent\" data-id=\"26d08c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc8d220 elementor-widget elementor-widget-spacer\" data-id=\"bc8d220\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-528ed16 elementor-widget elementor-widget-text-editor\" data-id=\"528ed16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>FAQ (Frequently Asked Questions)<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b76bf2 e-flex e-con-boxed e-con e-parent\" data-id=\"1b76bf2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40ad3b4 elementor-widget elementor-widget-elementskit-faq\" data-id=\"40ad3b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-faq.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n                <div class=\"elementskit-single-faq elementor-repeater-item-72a7405\">\n            <div class=\"elementskit-faq-header\">\n                <h2 class=\"elementskit-faq-title\">Q1: What image formats are supported?<\/h2>\n            <\/div>\n            <div class=\"elementskit-faq-body\">\n                This Image Background Editor supports most common image formats, including JPG, JPEG, PNG, and GIF.            <\/div>\n        <\/div>\n                <div class=\"elementskit-single-faq elementor-repeater-item-ffae5f9\">\n            <div class=\"elementskit-faq-header\">\n                <h2 class=\"elementskit-faq-title\">Q2: Can I choose any background color?<\/h2>\n            <\/div>\n            <div class=\"elementskit-faq-body\">\n                Yes, you can select from five preset vibrant colors or pick a custom color using the color picker.            <\/div>\n        <\/div>\n                <div class=\"elementskit-single-faq elementor-repeater-item-bc375a6\">\n            <div class=\"elementskit-faq-header\">\n                <h2 class=\"elementskit-faq-title\">Q3: How do I adjust the image size and rounded corners?<\/h2>\n            <\/div>\n            <div class=\"elementskit-faq-body\">\n                Use the Scale slider to resize your image and the Roundness slider to adjust the corner radius. Changes will reflect immediately on the canvas.            <\/div>\n        <\/div>\n                <div class=\"elementskit-single-faq elementor-repeater-item-ff9b4d3\">\n            <div class=\"elementskit-faq-header\">\n                <h2 class=\"elementskit-faq-title\">Q4: Can I use a custom canvas size?<\/h2>\n            <\/div>\n            <div class=\"elementskit-faq-body\">\n                Yes, select Custom in the canvas size dropdown and enter your desired width and height. Then click Apply to resize the canvas.            <\/div>\n        <\/div>\n                \n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Online Image Background Editor Easily Add Custom Backgrounds to Your Images Online \u2013 Adjust Size,&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-814","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.0 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Image Background Editor - Aitoolsoft<\/title>\n<meta name=\"description\" content=\"Use our free online Image Background Editor to easily add custom backgrounds to your images. Adjust size, scale, and rounded corners, then download your edited PNG instantly.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.aitoolsoft.com\/zh_tw\/image-background-editor.html\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image Background Editor\" \/>\n<meta property=\"og:description\" content=\"Use our free online Image Background Editor to easily add custom backgrounds to your images. Adjust size, scale, and rounded corners, then download your edited PNG instantly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.aitoolsoft.com\/zh_tw\/image-background-editor.html\" \/>\n<meta property=\"og:site_name\" content=\"Aitoolsoft\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-23T09:50:00+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.aitoolsoft.com\/image-background-editor.html\",\"url\":\"https:\/\/www.aitoolsoft.com\/image-background-editor.html\",\"name\":\"Image Background Editor - Aitoolsoft\",\"isPartOf\":{\"@id\":\"https:\/\/www.aitoolsoft.com\/#website\"},\"datePublished\":\"2025-10-23T09:01:31+00:00\",\"dateModified\":\"2025-10-23T09:50:00+00:00\",\"description\":\"Use our free online Image Background Editor to easily add custom backgrounds to your images. Adjust size, scale, and rounded corners, then download your edited PNG instantly.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.aitoolsoft.com\/image-background-editor.html#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.aitoolsoft.com\/image-background-editor.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.aitoolsoft.com\/image-background-editor.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.aitoolsoft.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Image Background Editor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.aitoolsoft.com\/#website\",\"url\":\"https:\/\/www.aitoolsoft.com\/\",\"name\":\"Aitoolsoft\",\"description\":\"AItoolsoft provide professional AI tools to help you remove image watermarks, compress images, optimize images, convert image, background editor, data visualization and more.\",\"publisher\":{\"@id\":\"https:\/\/www.aitoolsoft.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.aitoolsoft.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.aitoolsoft.com\/#organization\",\"name\":\"Aitoolsoft\",\"url\":\"https:\/\/www.aitoolsoft.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/www.aitoolsoft.com\/#\/schema\/logo\/image\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Aitoolsoft\"},\"image\":{\"@id\":\"https:\/\/www.aitoolsoft.com\/#\/schema\/logo\/image\/\"},\"publishingPrinciples\":\"https:\/\/www.aitoolsoft.com\/about-us.html\",\"ownershipFundingInfo\":\"https:\/\/www.aitoolsoft.com\/\",\"actionableFeedbackPolicy\":\"https:\/\/www.aitoolsoft.com\/contact-us.html\",\"correctionsPolicy\":\"https:\/\/www.aitoolsoft.com\/contact-us.html\",\"ethicsPolicy\":\"https:\/\/www.aitoolsoft.com\/terms.html\",\"diversityPolicy\":\"https:\/\/www.aitoolsoft.com\/terms.html\",\"diversityStaffingReport\":\"https:\/\/www.aitoolsoft.com\/contact-us.html\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u5716\u7247\u80cc\u666f\u7de8\u8f2f\u5668 - Aitoolsoft","description":"\u4f7f\u7528\u6211\u5011\u514d\u8cbb\u7684\u7dda\u4e0a\u5716\u7247\u80cc\u666f\u7de8\u8f2f\u5668\uff0c\u8f15\u9b06\u70ba\u60a8\u7684\u5716\u7247\u65b0\u589e\u81ea\u8a02\u80cc\u666f\u3002\u8abf\u6574\u5927\u5c0f\u3001\u6bd4\u4f8b\u548c\u5713\u89d2\uff0c\u7136\u5f8c\u5373\u6642\u4e0b\u8f09\u60a8\u7de8\u8f2f\u597d\u7684 PNG\u3002.","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:\/\/www.aitoolsoft.com\/zh_tw\/image-background-editor.html","og_locale":"zh_TW","og_type":"article","og_title":"Image Background Editor","og_description":"Use our free online Image Background Editor to easily add custom backgrounds to your images. Adjust size, scale, and rounded corners, then download your edited PNG instantly.","og_url":"https:\/\/www.aitoolsoft.com\/zh_tw\/image-background-editor.html","og_site_name":"Aitoolsoft","article_modified_time":"2025-10-23T09:50:00+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"2 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.aitoolsoft.com\/image-background-editor.html","url":"https:\/\/www.aitoolsoft.com\/image-background-editor.html","name":"\u5716\u7247\u80cc\u666f\u7de8\u8f2f\u5668 - Aitoolsoft","isPartOf":{"@id":"https:\/\/www.aitoolsoft.com\/#website"},"datePublished":"2025-10-23T09:01:31+00:00","dateModified":"2025-10-23T09:50:00+00:00","description":"\u4f7f\u7528\u6211\u5011\u514d\u8cbb\u7684\u7dda\u4e0a\u5716\u7247\u80cc\u666f\u7de8\u8f2f\u5668\uff0c\u8f15\u9b06\u70ba\u60a8\u7684\u5716\u7247\u65b0\u589e\u81ea\u8a02\u80cc\u666f\u3002\u8abf\u6574\u5927\u5c0f\u3001\u6bd4\u4f8b\u548c\u5713\u89d2\uff0c\u7136\u5f8c\u5373\u6642\u4e0b\u8f09\u60a8\u7de8\u8f2f\u597d\u7684 PNG\u3002.","breadcrumb":{"@id":"https:\/\/www.aitoolsoft.com\/image-background-editor.html#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.aitoolsoft.com\/image-background-editor.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.aitoolsoft.com\/image-background-editor.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.aitoolsoft.com\/"},{"@type":"ListItem","position":2,"name":"Image Background Editor"}]},{"@type":"WebSite","@id":"https:\/\/www.aitoolsoft.com\/#website","url":"https:\/\/www.aitoolsoft.com\/","name":"Aitoolsoft","description":"AItoolsoft \u63d0\u4f9b\u5c08\u696d\u7684 AI \u5de5\u5177\uff0c\u5354\u52a9\u60a8\u79fb\u9664\u5f71\u50cf\u6c34\u5370\u3001\u58d3\u7e2e\u5f71\u50cf\u3001\u6700\u4f73\u5316\u5f71\u50cf\u3001\u8f49\u63db\u5f71\u50cf\u3001\u80cc\u666f\u7de8\u8f2f\u5668\u3001\u8cc7\u6599\u53ef\u8996\u5316\u7b49\u3002.","publisher":{"@id":"https:\/\/www.aitoolsoft.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.aitoolsoft.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/www.aitoolsoft.com\/#organization","name":"Aitoolsoft","url":"https:\/\/www.aitoolsoft.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/www.aitoolsoft.com\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Aitoolsoft"},"image":{"@id":"https:\/\/www.aitoolsoft.com\/#\/schema\/logo\/image\/"},"publishingPrinciples":"https:\/\/www.aitoolsoft.com\/about-us.html","ownershipFundingInfo":"https:\/\/www.aitoolsoft.com\/","actionableFeedbackPolicy":"https:\/\/www.aitoolsoft.com\/contact-us.html","correctionsPolicy":"https:\/\/www.aitoolsoft.com\/contact-us.html","ethicsPolicy":"https:\/\/www.aitoolsoft.com\/terms.html","diversityPolicy":"https:\/\/www.aitoolsoft.com\/terms.html","diversityStaffingReport":"https:\/\/www.aitoolsoft.com\/contact-us.html"}]}},"_links":{"self":[{"href":"https:\/\/www.aitoolsoft.com\/zh_tw\/wp-json\/wp\/v2\/pages\/814","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aitoolsoft.com\/zh_tw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aitoolsoft.com\/zh_tw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aitoolsoft.com\/zh_tw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aitoolsoft.com\/zh_tw\/wp-json\/wp\/v2\/comments?post=814"}],"version-history":[{"count":32,"href":"https:\/\/www.aitoolsoft.com\/zh_tw\/wp-json\/wp\/v2\/pages\/814\/revisions"}],"predecessor-version":[{"id":860,"href":"https:\/\/www.aitoolsoft.com\/zh_tw\/wp-json\/wp\/v2\/pages\/814\/revisions\/860"}],"wp:attachment":[{"href":"https:\/\/www.aitoolsoft.com\/zh_tw\/wp-json\/wp\/v2\/media?parent=814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}