[{"data":1,"prerenderedAt":259},["ShallowReactive",2],{"help-article-\u002Fhelp\u002Finput-fields\u002Fremove-background":3},{"id":4,"title":5,"body":6,"category":236,"description":237,"extension":238,"keywords":239,"meta":249,"navigation":250,"order":251,"path":252,"published":253,"rawbody":254,"seo":255,"stem":256,"updated":257,"__hash__":258},"help\u002Fhelp\u002Finput-fields\u002Fremove-background.md","Remove background: cut out photos from users automatically",{"type":7,"value":8,"toc":229},"minimark",[9,27,30,53,58,66,117,121,138,153,157,163,209],[10,11,12,13,17,18,22,23,26],"p",{},"In the ",[14,15,16],"place",{},"template editor",", ",[19,20,21],"strong",{},"Remove background"," cuts out the subject of an image automatically: the photo's background becomes transparent, and your design shows behind it. This also applies to every photo users upload into this image in the ",[14,24,25],{},"design generator",", for example a portrait for a speaker design.",[10,28,29],{},"There are three steps:",[31,32,33,43,48],"ol",{},[34,35,36,37,39,40,42],"li",{},"Turn on ",[19,38,21],{}," in the ",[14,41,16],{},".",[34,44,45,46,42],{},"Make the image changeable with an input field in the ",[14,47,16],{},[34,49,50,51,42],{},"Test the result in the ",[14,52,25],{},[54,55,57],"h2",{"id":56},"turn-on-remove-background","Turn on Remove background",[10,59,60,62,63,42],{},[19,61,21],{}," is a property of the image, not of the input field. You turn it on in the ",[14,64,65],{},"properties panel",[31,67,68,86,107],{},[34,69,70,74,75,78,79,82,83,85],{},[71,72,73],"click",{},"Click"," the image on the ",[14,76,77],{},"canvas"," or in the ",[14,80,81],{},"layers panel",". The ",[14,84,65],{}," shows its properties.",[34,87,88,90,91,93,94,97,98,101],{},[71,89,73],{}," the ",[19,92,21],{}," checkbox in the ",[19,95,96],{},"Image"," section. The subject is now cut out, and where the background was, you see what lies behind the image in your design. If nothing is there, Studio shows a checkerboard pattern: that spot is transparent.",[99,100],"br",{},[102,103],"img",{"alt":104,"src":105,"width":106},"Image section of a photo with Remove background ticked and highlighted, next to it on the canvas the portrait without its background, in front of a checkerboard pattern.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-remove-background-01\u002Fpublic?v=73cbc956",1508,[34,108,109,113,114,116],{},[110,111,112],"look",{},"Check"," on the ",[14,115,77],{}," that something suitable lies behind the image, for example a shape in your brand colour.",[54,118,120],{"id":119},"make-the-image-changeable","Make the image changeable",[10,122,123,124,129,130,133,134,137],{},"For users to upload their own photo, the image needs an image input field. ",[125,126,128],"a",{"href":127},"\u002Fhelp\u002Finput-fields\u002Fcreate-input-field","Create an input field: let users change a text or image"," shows how. Every photo users upload there is cut out automatically. Images that users pick from ",[19,131,132],{},"Pexels"," or a ",[19,135,136],{},"Google Drive Folder"," stay as they are.",[139,140,141],"tip",{},[10,142,143,144,147,148,152],{},"With ",[19,145,146],{},"Auto-crop to faces"," in the image input field's settings, Bluepic also aligns the crop to the faces in the photo after the upload. ",[125,149,151],{"href":150},"\u002Fhelp\u002Finput-fields\u002Fimage-input-fields","Image input fields"," has more on this.",[54,154,156],{"id":155},"test-the-result-in-the-design-generator","Test the result in the design generator",[10,158,159,160,162],{},"The ",[14,161,25],{}," is the page where users fill in your template and export their design. Here you see how the cutout looks with photos from users.",[31,164,165,186,197,203],{},[34,166,167,169,170,173,174,177,178,181,182,185],{},[71,168,73],{}," ",[19,171,172],{},"Share"," at the top right of the ",[14,175,176],{},"toolbar"," and then ",[19,179,180],{},"Publish Template Link",". If you have published the template before, the menu item is called ",[19,183,184],{},"Open Template Campaign",". A popup with the share settings opens. Your template is now reachable through a link.",[34,187,188,169,190,193,194,196],{},[71,189,73],{},[19,191,192],{},"Copy URL"," and open the link in a new browser tab. The ",[14,195,25],{}," opens. On a computer, the input fields are on the left and the design is on the right.",[34,198,199,202],{},[71,200,201],{},"Upload"," a photo in the image input field. The design shows the subject without its background.",[34,204,205,208],{},[110,206,207],{},"Look"," at the result with different photos: with a calm and a busy background, with loose hair, with several people. Check that the design looks good in every case.",[210,211,212],"related",{},[213,214,215,219,225],"ul",{},[34,216,217],{},[125,218,151],{"href":150},[34,220,221],{},[125,222,224],{"href":223},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fimage-cover-mode","Image properties",[34,226,227],{},[125,228,128],{"href":127},{"title":230,"searchDepth":231,"depth":231,"links":232},"",2,[233,234,235],{"id":56,"depth":231,"text":57},{"id":119,"depth":231,"text":120},{"id":155,"depth":231,"text":156},"input-fields","Cut out the subject of an image automatically, also in photos users upload in the design generator, and test the result with different photos.","md",[21,240,241,242,243,244,245,246,96,247,248,25,65],"background removal","cut out","cutout","transparent","photo","portrait","image","image input field","upload",{},true,31,"\u002Fhelp\u002Finput-fields\u002Fremove-background","2026-10-21","---\ntitle: \"Remove background: cut out photos from users automatically\"\ndescription: \"Cut out the subject of an image automatically, also in photos users upload in the design generator, and test the result with different photos.\"\ncategory: input-fields\norder: 31\nkeywords: [\"Remove background\", \"background removal\", \"cut out\", \"cutout\", \"transparent\", \"photo\", \"portrait\", \"image\", \"Image\", \"image input field\", \"upload\", \"design generator\", \"properties panel\"]\n---\n\nIn the :place[template editor], **Remove background** cuts out the subject of an image automatically: the photo's background becomes transparent, and your design shows behind it. This also applies to every photo users upload into this image in the :place[design generator], for example a portrait for a speaker design.\n\nThere are three steps:\n\n1. Turn on **Remove background** in the :place[template editor].\n2. Make the image changeable with an input field in the :place[template editor].\n3. Test the result in the :place[design generator].\n\n\n## Turn on Remove background\n\n**Remove background** is a property of the image, not of the input field. You turn it on in the :place[properties panel].\n\n1. :click[Click] the image on the :place[canvas] or in the :place[layers panel]. The :place[properties panel] shows its properties.\n2. :click[Click] the **Remove background** checkbox in the **Image** section. The subject is now cut out, and where the background was, you see what lies behind the image in your design. If nothing is there, Studio shows a checkerboard pattern: that spot is transparent.\n\n   ![Image section of a photo with Remove background ticked and highlighted, next to it on the canvas the portrait without its background, in front of a checkerboard pattern.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-remove-background-01\u002Fpublic?v=73cbc956){width=\"1508\"}\n\n3. :look[Check] on the :place[canvas] that something suitable lies behind the image, for example a shape in your brand colour.\n\n## Make the image changeable\n\nFor users to upload their own photo, the image needs an image input field. [Create an input field: let users change a text or image](\u002Fhelp\u002Finput-fields\u002Fcreate-input-field) shows how. Every photo users upload there is cut out automatically. Images that users pick from **Pexels** or a **Google Drive Folder** stay as they are.\n\n::tip\nWith **Auto-crop to faces** in the image input field's settings, Bluepic also aligns the crop to the faces in the photo after the upload. [Image input fields](\u002Fhelp\u002Finput-fields\u002Fimage-input-fields) has more on this.\n::\n\n## Test the result in the design generator\n\nThe :place[design generator] is the page where users fill in your template and export their design. Here you see how the cutout looks with photos from users.\n\n1. :click[Click] **Share** at the top right of the :place[toolbar] and then **Publish Template Link**. If you have published the template before, the menu item is called **Open Template Campaign**. A popup with the share settings opens. Your template is now reachable through a link.\n2. :click[Click] **Copy URL** and open the link in a new browser tab. The :place[design generator] opens. On a computer, the input fields are on the left and the design is on the right.\n3. :click[Upload] a photo in the image input field. The design shows the subject without its background.\n\n4. :look[Look] at the result with different photos: with a calm and a busy background, with loose hair, with several people. Check that the design looks good in every case.\n\n::related\n- [Image input fields](\u002Fhelp\u002Finput-fields\u002Fimage-input-fields)\n- [Image properties](\u002Fhelp\u002Fdesign-elements-and-tools\u002Fimage-cover-mode)\n- [Create an input field: let users change a text or image](\u002Fhelp\u002Finput-fields\u002Fcreate-input-field)\n::\n",{"title":5,"description":237},"help\u002Finput-fields\u002Fremove-background","2026-10-22","46X_t_gmmV9yYl4NdorZ3Gbjby-cJKOMleeDrdp28Xk",1792680560823]