[{"data":1,"prerenderedAt":258},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Finput-fields\u002Fremove-background":3},{"id":4,"title":5,"body":6,"category":235,"description":236,"extension":237,"keywords":238,"meta":248,"navigation":249,"order":250,"path":251,"published":252,"rawbody":253,"seo":254,"stem":255,"updated":256,"__hash__":257},"helpDe\u002Fhelp\u002Finput-fields\u002Fremove-background.de.md","Hintergrund entfernen: Fotos von Nutzern automatisch freistellen",{"type":7,"value":8,"toc":228},"minimark",[9,27,30,55,60,68,118,122,139,153,157,163,208],[10,11,12,13,17,18,22,23,26],"p",{},"Im ",[14,15,16],"place",{},"Template-Editor"," stellst du mit ",[19,20,21],"strong",{},"Remove background"," das Motiv eines Bildes automatisch frei: Der Hintergrund des Fotos wird durchsichtig, und dahinter erscheint dein Design. Das gilt auch für jedes Foto, das Nutzer im ",[14,24,25],{},"Design-Generator"," in dieses Bild hochladen, zum Beispiel ein Porträt für ein Speaker-Design.",[10,28,29],{},"Das geht in drei Schritten:",[31,32,33,43,49],"ol",{},[34,35,36,37,39,40,42],"li",{},"Schalte ",[19,38,21],{}," im ",[14,41,16],{}," ein.",[34,44,45,46,48],{},"Mach das Bild im ",[14,47,16],{}," mit einem Input-Feld änderbar.",[34,50,51,52,54],{},"Teste das Ergebnis im ",[14,53,25],{},".",[56,57,59],"h2",{"id":58},"remove-background-einschalten","Remove background einschalten",[10,61,62,64,65,42],{},[19,63,21],{}," ist eine Eigenschaft des Bildes, nicht des Input-Felds. Du schaltest es im ",[14,66,67],{},"Properties-Panel",[31,69,70,88,109],{},[34,71,72,76,77,80,81,84,85,87],{},[73,74,75],"click",{},"Klicke"," auf dem ",[14,78,79],{},"Canvas"," oder im ",[14,82,83],{},"Layers-Panel"," auf das Bild. Das ",[14,86,67],{}," zeigt seine Eigenschaften.",[34,89,90,92,93,96,97,99,100,103],{},[73,91,75],{}," im Abschnitt ",[19,94,95],{},"Image"," auf das Kästchen ",[19,98,21],{},". Das Motiv ist jetzt freigestellt, und an der Stelle des Hintergrunds siehst du, was im Design hinter dem Bild liegt. Liegt dort nichts, zeigt Studio ein Schachbrettmuster: Die Stelle ist durchsichtig.",[101,102],"br",{},[104,105],"img",{"alt":106,"src":107,"width":108},"Abschnitt Image eines Fotos mit angehaktem und markiertem Remove background, daneben auf dem Canvas das Porträt ohne Hintergrund vor einem Schachbrettmuster.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-remove-background-01\u002Fpublic?v=73cbc956",1508,[34,110,111,76,115,117],{},[112,113,114],"look",{},"Schau",[14,116,79],{},", ob hinter dem Bild etwas Passendes liegt, zum Beispiel eine Fläche in deiner Markenfarbe.",[56,119,121],{"id":120},"bild-änderbar-machen","Bild änderbar machen",[10,123,124,125,130,131,134,135,138],{},"Damit Nutzer ihr eigenes Foto hochladen, braucht das Bild ein Image-Input-Feld. Wie du es erstellst, steht in ",[126,127,129],"a",{"href":128},"\u002Fde\u002Fhelp\u002Finput-fields\u002Fcreate-input-field","Input-Feld erstellen: Text oder Bild änderbar machen",". Jedes Foto, das Nutzer dort hochladen, wird automatisch freigestellt. Bilder, die Nutzer aus ",[19,132,133],{},"Pexels"," oder einem ",[19,136,137],{},"Google Drive Folder"," wählen, bleiben so, wie sie sind.",[140,141,142],"tip",{},[10,143,144,145,148,149,54],{},"Mit ",[19,146,147],{},"Auto-crop to faces"," in den Einstellungen des Image-Input-Felds richtet Bluepic den Ausschnitt nach dem Hochladen zusätzlich auf die Gesichter im Foto aus. Mehr dazu steht in ",[126,150,152],{"href":151},"\u002Fde\u002Fhelp\u002Finput-fields\u002Fimage-input-fields","Image-Input-Felder",[56,154,156],{"id":155},"ergebnis-im-design-generator-testen","Ergebnis im Design-Generator testen",[10,158,159,160,162],{},"Der ",[14,161,25],{}," ist die Seite, auf der Nutzer dein Template ausfüllen und ihr Design exportieren können. Hier siehst du, wie die Freistellung bei Fotos von Nutzern aussieht.",[31,164,165,186,197,203],{},[34,166,167,169,170,173,174,177,178,181,182,185],{},[73,168,75],{}," oben rechts in der ",[14,171,172],{},"Toolbar"," auf ",[19,175,176],{},"Share"," und dann auf ",[19,179,180],{},"Publish Template Link",". Hast du das Template schon veröffentlicht, heißt der Menüpunkt ",[19,183,184],{},"Open Template Campaign",". Ein Popup mit den Share-Einstellungen öffnet sich. Dein Template ist jetzt über einen Link erreichbar.",[34,187,188,173,190,193,194,196],{},[73,189,75],{},[19,191,192],{},"Copy URL"," und öffne den Link in einem neuen Browser-Tab. Der ",[14,195,25],{}," öffnet sich. Am Computer stehen links die Input-Felder, rechts das Design.",[34,198,199,202],{},[73,200,201],{},"Lade"," im Image-Input-Feld ein Foto hoch. Das Design zeigt das Motiv ohne Hintergrund.",[34,204,205,207],{},[112,206,114],{}," dir das Ergebnis mit verschiedenen Fotos an: mit ruhigem und mit unruhigem Hintergrund, mit offenen Haaren, mit mehreren Personen. Prüfe, ob das Design in allen Fällen gut aussieht.",[209,210,211],"related",{},[212,213,214,218,224],"ul",{},[34,215,216],{},[126,217,152],{"href":151},[34,219,220],{},[126,221,223],{"href":222},"\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fimage-cover-mode","Bild-Eigenschaften",[34,225,226],{},[126,227,129],{"href":128},{"title":229,"searchDepth":230,"depth":230,"links":231},"",2,[232,233,234],{"id":58,"depth":230,"text":59},{"id":120,"depth":230,"text":121},{"id":155,"depth":230,"text":156},"input-fields","Stelle das Motiv eines Bildes automatisch frei, auch bei Fotos, die Nutzer im Design-Generator hochladen, und teste das Ergebnis mit verschiedenen Fotos.","md",[21,239,240,241,242,243,244,245,95,246,247,25,67],"Hintergrund entfernen","freistellen","Freisteller","transparent","Foto","Porträt","Bild","Image-Input-Feld","Upload",{},true,31,"\u002Fhelp\u002Finput-fields\u002Fremove-background.de","2026-10-21","---\ntitle: \"Hintergrund entfernen: Fotos von Nutzern automatisch freistellen\"\ndescription: \"Stelle das Motiv eines Bildes automatisch frei, auch bei Fotos, die Nutzer im Design-Generator hochladen, und teste das Ergebnis mit verschiedenen Fotos.\"\ncategory: input-fields\norder: 31\nkeywords: [\"Remove background\", \"Hintergrund entfernen\", \"freistellen\", \"Freisteller\", \"transparent\", \"Foto\", \"Porträt\", \"Bild\", \"Image\", \"Image-Input-Feld\", \"Upload\", \"Design-Generator\", \"Properties-Panel\"]\n---\n\nIm :place[Template-Editor] stellst du mit **Remove background** das Motiv eines Bildes automatisch frei: Der Hintergrund des Fotos wird durchsichtig, und dahinter erscheint dein Design. Das gilt auch für jedes Foto, das Nutzer im :place[Design-Generator] in dieses Bild hochladen, zum Beispiel ein Porträt für ein Speaker-Design.\n\nDas geht in drei Schritten:\n\n1. Schalte **Remove background** im :place[Template-Editor] ein.\n2. Mach das Bild im :place[Template-Editor] mit einem Input-Feld änderbar.\n3. Teste das Ergebnis im :place[Design-Generator].\n\n\n## Remove background einschalten\n\n**Remove background** ist eine Eigenschaft des Bildes, nicht des Input-Felds. Du schaltest es im :place[Properties-Panel] ein.\n\n1. :click[Klicke] auf dem :place[Canvas] oder im :place[Layers-Panel] auf das Bild. Das :place[Properties-Panel] zeigt seine Eigenschaften.\n2. :click[Klicke] im Abschnitt **Image** auf das Kästchen **Remove background**. Das Motiv ist jetzt freigestellt, und an der Stelle des Hintergrunds siehst du, was im Design hinter dem Bild liegt. Liegt dort nichts, zeigt Studio ein Schachbrettmuster: Die Stelle ist durchsichtig.\n\n   ![Abschnitt Image eines Fotos mit angehaktem und markiertem Remove background, daneben auf dem Canvas das Porträt ohne Hintergrund vor einem Schachbrettmuster.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-remove-background-01\u002Fpublic?v=73cbc956){width=\"1508\"}\n\n3. :look[Schau] auf dem :place[Canvas], ob hinter dem Bild etwas Passendes liegt, zum Beispiel eine Fläche in deiner Markenfarbe.\n\n## Bild änderbar machen\n\nDamit Nutzer ihr eigenes Foto hochladen, braucht das Bild ein Image-Input-Feld. Wie du es erstellst, steht in [Input-Feld erstellen: Text oder Bild änderbar machen](\u002Fde\u002Fhelp\u002Finput-fields\u002Fcreate-input-field). Jedes Foto, das Nutzer dort hochladen, wird automatisch freigestellt. Bilder, die Nutzer aus **Pexels** oder einem **Google Drive Folder** wählen, bleiben so, wie sie sind.\n\n::tip\nMit **Auto-crop to faces** in den Einstellungen des Image-Input-Felds richtet Bluepic den Ausschnitt nach dem Hochladen zusätzlich auf die Gesichter im Foto aus. Mehr dazu steht in [Image-Input-Felder](\u002Fde\u002Fhelp\u002Finput-fields\u002Fimage-input-fields).\n::\n\n## Ergebnis im Design-Generator testen\n\nDer :place[Design-Generator] ist die Seite, auf der Nutzer dein Template ausfüllen und ihr Design exportieren können. Hier siehst du, wie die Freistellung bei Fotos von Nutzern aussieht.\n\n1. :click[Klicke] oben rechts in der :place[Toolbar] auf **Share** und dann auf **Publish Template Link**. Hast du das Template schon veröffentlicht, heißt der Menüpunkt **Open Template Campaign**. Ein Popup mit den Share-Einstellungen öffnet sich. Dein Template ist jetzt über einen Link erreichbar.\n2. :click[Klicke] auf **Copy URL** und öffne den Link in einem neuen Browser-Tab. Der :place[Design-Generator] öffnet sich. Am Computer stehen links die Input-Felder, rechts das Design.\n3. :click[Lade] im Image-Input-Feld ein Foto hoch. Das Design zeigt das Motiv ohne Hintergrund.\n\n4. :look[Schau] dir das Ergebnis mit verschiedenen Fotos an: mit ruhigem und mit unruhigem Hintergrund, mit offenen Haaren, mit mehreren Personen. Prüfe, ob das Design in allen Fällen gut aussieht.\n\n::related\n- [Image-Input-Felder](\u002Fde\u002Fhelp\u002Finput-fields\u002Fimage-input-fields)\n- [Bild-Eigenschaften](\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fimage-cover-mode)\n- [Input-Feld erstellen: Text oder Bild änderbar machen](\u002Fde\u002Fhelp\u002Finput-fields\u002Fcreate-input-field)\n::\n",{"title":5,"description":236},"help\u002Finput-fields\u002Fremove-background.de","2026-10-22","IrYFd-K7UNdaiSVDK6W7SSsEAQetgVcuy6g9psOkTDw",1792680564150]