{"id":457,"date":"2026-09-07T03:07:02","date_gmt":"2026-09-06T18:07:02","guid":{"rendered":"https:\/\/anc0.jp\/?page_id=457"},"modified":"2026-09-07T03:54:39","modified_gmt":"2026-09-06T18:54:39","slug":"remove-background","status":"publish","type":"page","link":"https:\/\/anc0.jp\/?page_id=457","title":{"rendered":"\u753b\u50cf\u80cc\u666f\u900f\u904e\u30c4\u30fc\u30eb"},"content":{"rendered":"<div class=\"anc0-bg-tool\">\n<style>.anc0-bg-tool{max-width:980px;margin:10px auto 48px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans JP',sans-serif;color:#2f2f33}.anc0-bg-tool *{box-sizing:border-box}.anc0-topback{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#f4f5f8;color:#444!important;text-decoration:none!important;font-weight:700;margin-bottom:12px}.anc0-hero{text-align:center}.anc0-touka{position:relative;display:inline-block}.anc0-touka img{width:min(360px,72vw);height:auto;display:block;margin:auto}.anc0-bubble{position:absolute;right:-10px;top:28%;background:#fff;border:2px solid #f19ab8;color:#4b3940;border-radius:999px;padding:10px 15px;font-weight:800;box-shadow:0 7px 20px rgba(0,0,0,.08)}.anc0-sub{font-size:18px;color:#888;margin:10px 0 30px}.anc0-card{border:2px dashed #d4d6dc;border-radius:22px;padding:56px 24px;background:linear-gradient(#fff,#fbfbfd);text-align:center}.anc0-dropzone{display:block;cursor:pointer}.anc0-icon{font-size:48px;opacity:.55}.anc0-drop-title{display:block;font-size:25px;font-weight:800;margin:12px 0}.anc0-drop-sub{display:block;color:#999;margin-bottom:20px}.anc0-file-button{display:inline-block;padding:14px 28px;border-radius:999px;background:#303238;color:#fff;font-size:18px;font-weight:800}.anc0-dropzone input{position:absolute;opacity:0;pointer-events:none}.anc0-card.is-drag{background:#f5f7fb;border-color:#9aa1ad}.anc0-status{text-align:center;margin:18px 0;color:#8b8e96}.anc0-status.is-error{color:#b42318}.anc0-status.is-done{color:#18794e}.anc0-result{margin-top:28px}.anc0-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.anc0-preview h3{font-size:15px;margin:0 0 8px}.anc0-imagebox{height:330px;border-radius:14px;overflow:hidden;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;background:#eee}.anc0-imagebox.checker{background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.anc0-imagebox img{max-width:100%;max-height:100%;object-fit:contain}.anc0-controls{margin:20px 0 16px;padding:16px;border-radius:14px;background:#f6f7f9}.anc0-controls label{font-weight:700;display:flex;justify-content:space-between}.anc0-controls input{width:100%;margin-top:10px}.anc0-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.anc0-actions a,.anc0-actions button{border:0;border-radius:999px;padding:13px 24px;font-size:15px;font-weight:800;cursor:pointer;text-decoration:none}.anc0-download{background:#303238;color:#fff!important}.anc0-reset{background:#eee;color:#222}.anc0-bottom{margin-top:44px;padding-top:34px;border-top:1px solid #e8e8ec;text-align:center}.anc0-bottom-title{font-size:24px;color:#565863;margin-bottom:8px}.anc0-bottom-girl{display:inline-block;margin-bottom:4px}.anc0-bottom-girl img{display:block;width:min(235px,58vw);height:auto;margin:0 auto}.anc0-bottom a{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;background:#f4f5f8;color:#444!important;text-decoration:none!important;font-weight:800;font-size:18px}@media(max-width:700px){.anc0-compare{grid-template-columns:1fr}.anc0-imagebox{height:260px}.anc0-bubble{right:-2px;top:18%;font-size:12px;padding:7px 10px}.anc0-card{padding:40px 16px}.anc0-bottom-title{font-size:20px}.anc0-bottom-girl img{width:min(210px,62vw)}}<\/style>\n<p><a class=\"anc0-topback\" href=\"https:\/\/anc0.jp\/?page_id=459\">\u2190 \u3064\u30fc\u308b\u3044\u3061\u3089\u3093\u3002\u306b\u623b\u308b<\/a><\/p>\n<div class=\"anc0-hero\">\n<div class=\"anc0-touka\"><img decoding=\"async\" src=\"https:\/\/anc0.jp\/wp-content\/uploads\/2026\/09\/979e64be-1151-4bbe-9ede-575c9a966d44.png\" alt=\"\u3068\u3046\u304b\u3061\u3083\u3093\u3002\"><span class=\"anc0-bubble\">\u3068\u3046\u304b\u3061\u3083\u3093\u3002\u2661<\/span><\/div>\n<p class=\"anc0-sub\">\u753b\u50cf\u306e\u80cc\u666f\u3092\u900f\u660e\u306b\u3057\u3066PNG\u3067\u4fdd\u5b58\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"anc0-card\"><label class=\"anc0-dropzone\"><span class=\"anc0-icon\">\u25a7<\/span><span class=\"anc0-drop-title\">\u3053\u3053\u306b\u753b\u50cf\u3092\u30c9\u30ed\u30c3\u30d7<\/span><span class=\"anc0-drop-sub\">\u307e\u305f\u306f<\/span><span class=\"anc0-file-button\">\u753b\u50cf\u3092\u9078\u629e<\/span><input id=\"anc0-bg-input\" type=\"file\" accept=\"image\/*\"><\/label><\/div>\n<p class=\"anc0-status\">\u753b\u50cf\u306f\u30b5\u30fc\u30d0\u30fc\u3078\u9001\u4fe1\u3055\u308c\u307e\u305b\u3093\u3002\u30d6\u30e9\u30a6\u30b6\u5185\u3067\u51e6\u7406\u3057\u307e\u3059\u3002<\/p>\n<div class=\"anc0-result\" hidden>\n<div class=\"anc0-compare\">\n<div class=\"anc0-preview\">\n<h3>\u5143\u306e\u753b\u50cf<\/h3>\n<div class=\"anc0-imagebox\"><img id=\"anc0-before\" alt=\"\"><\/div>\n<\/div>\n<div class=\"anc0-preview\">\n<h3>\u80cc\u666f\u900f\u904e\u5f8c<\/h3>\n<div class=\"anc0-imagebox checker\"><img id=\"anc0-after\" alt=\"\"><\/div>\n<\/div>\n<\/div>\n<div class=\"anc0-controls\"><label>\u80cc\u666f\u5224\u5b9a <span id=\"anc0-threshold-value\">55<\/span><\/label><input id=\"anc0-threshold\" type=\"range\" min=\"10\" max=\"160\" value=\"55\"><\/div>\n<div class=\"anc0-actions\"><a id=\"anc0-download\" class=\"anc0-download\" href=\"#\">\u900f\u904ePNG\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/a><button id=\"anc0-reset\" class=\"anc0-reset\" type=\"button\">\u5225\u306e\u753b\u50cf\u3092\u9078\u3076<\/button><\/div>\n<\/div>\n<div class=\"anc0-bottom\">\n<div class=\"anc0-bottom-title\">\uff3c \u3044\u308d\u3093\u306a\u30c4\u30fc\u30eb\u304c\u3042\u308b\u3088\uff01 \uff0f<\/div>\n<div class=\"anc0-bottom-girl\"><img decoding=\"async\" src=\"https:\/\/anc0.jp\/wp-content\/uploads\/2026\/09\/a1e458c2-d2bb-44d7-9dd5-401a617999ef.png\" alt=\"\u5bdd\u305d\u3079\u308a\u3068\u3046\u304b\u3061\u3083\u3093\u3002\"><\/div>\n<div><a href=\"https:\/\/anc0.jp\/?page_id=459\">\u25a6 \u3064\u30fc\u308b\u3044\u3061\u3089\u3093\u3002\u306b\u623b\u308b<\/a><\/div>\n<\/div>\n<p><script>(()=>{const r=document.querySelector('.anc0-bg-tool'),i=r.querySelector('#anc0-bg-input'),card=r.querySelector('.anc0-card'),b=r.querySelector('#anc0-before'),a=r.querySelector('#anc0-after'),s=r.querySelector('.anc0-status'),res=r.querySelector('.anc0-result'),d=r.querySelector('#anc0-download'),t=r.querySelector('#anc0-threshold'),tv=r.querySelector('#anc0-threshold-value'),reset=r.querySelector('#anc0-reset');let f,img,out;function proc(){const c=document.createElement('canvas'),sc=Math.min(1,2200\/Math.max(img.naturalWidth,img.naturalHeight));c.width=Math.round(img.naturalWidth*sc);c.height=Math.round(img.naturalHeight*sc);const x=c.getContext('2d',{willReadFrequently:true});x.drawImage(img,0,0,c.width,c.height);const im=x.getImageData(0,0,c.width,c.height),p=im.data,w=c.width,h=c.height,cs=[[0,0],[w-1,0],[0,h-1],[w-1,h-1]];let rr=0,gg=0,bb=0;cs.forEach(([xx,yy])=>{const q=(yy*w+xx)*4;rr+=p[q];gg+=p[q+1];bb+=p[q+2]});rr\/=4;gg\/=4;bb\/=4;const th=+t.value,fe=Math.max(12,th*.45);for(let q=0;q<p.length;q+=4){const dr=p[q]-rr,dg=p[q+1]-gg,db=p[q+2]-bb,dist=Math.sqrt(dr*dr+dg*dg+db*db);if(dist<=th)p[q+3]=0;else if(dist<th+fe)p[q+3]=Math.round(255*(dist-th)\/fe)}x.putImageData(im,0,0);c.toBlob(bl=>{if(out)URL.revokeObjectURL(out);out=URL.createObjectURL(bl);a.src=out;d.href=out;const n=f.name.lastIndexOf('.');d.download=(n>0?f.name.slice(0,n):f.name)+'-transparent.png';res.hidden=false;s.textContent='\u900f\u904ePNG\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002';s.className='anc0-status is-done'},'image\/png')}function load(file){f=file;if(!f||!f.type.startsWith('image\/')){s.textContent='\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002';s.className='anc0-status is-error';return}s.textContent='\u51e6\u7406\u4e2d\u2026';s.className='anc0-status';img=new Image();img.onload=()=>{b.src=img.src;proc()};img.src=URL.createObjectURL(f)}i.onchange=()=>load(i.files[0]);['dragenter','dragover'].forEach(ev=>card.addEventListener(ev,e=>{e.preventDefault();card.classList.add('is-drag')}));['dragleave','drop'].forEach(ev=>card.addEventListener(ev,e=>{e.preventDefault();card.classList.remove('is-drag')}));card.addEventListener('drop',e=>load(e.dataTransfer.files[0]));t.oninput=()=>{tv.textContent=t.value;if(img)proc()};reset.onclick=()=>{i.value='';res.hidden=true;s.textContent='\u753b\u50cf\u306f\u30b5\u30fc\u30d0\u30fc\u3078\u9001\u4fe1\u3055\u308c\u307e\u305b\u3093\u3002\u30d6\u30e9\u30a6\u30b6\u5185\u3067\u51e6\u7406\u3057\u307e\u3059\u3002';s.className='anc0-status'}})();<\/script><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2190 \u3064\u30fc\u308b\u3044\u3061\u3089\u3093\u3002\u306b\u623b\u308b \u3068\u3046\u304b\u3061\u3083\u3093\u3002\u2661 \u753b\u50cf\u306e\u80cc\u666f\u3092\u900f\u660e\u306b\u3057\u3066PNG\u3067\u4fdd\u5b58\u3067\u304d\u307e\u3059\u3002 \u25a7\u3053\u3053\u306b\u753b\u50cf\u3092\u30c9\u30ed\u30c3\u30d7\u307e\u305f\u306f\u753b\u50cf\u3092\u9078\u629e \u753b\u50cf\u306f\u30b5\u30fc\u30d0\u30fc\u3078\u9001\u4fe1\u3055\u308c\u307e\u305b\u3093\u3002\u30d6\u30e9\u30a6\u30b6\u5185\u3067\u51e6\u7406\u3057\u307e\u3059\u3002 \u5143\u306e\u753b\u50cf \u80cc\u666f\u900f\u904e\u5f8c \u80cc\u666f\u5224\u5b9a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-457","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anc0.jp\/index.php?rest_route=\/wp\/v2\/pages\/457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anc0.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anc0.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anc0.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anc0.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=457"}],"version-history":[{"count":5,"href":"https:\/\/anc0.jp\/index.php?rest_route=\/wp\/v2\/pages\/457\/revisions"}],"predecessor-version":[{"id":469,"href":"https:\/\/anc0.jp\/index.php?rest_route=\/wp\/v2\/pages\/457\/revisions\/469"}],"wp:attachment":[{"href":"https:\/\/anc0.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}