[{"data":1,"prerenderedAt":109},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Finput-fields\u002Fimage-input-fields":3},{"id":4,"title":5,"body":6,"category":96,"description":97,"extension":98,"keywords":99,"meta":100,"navigation":101,"order":102,"path":103,"rawbody":104,"seo":105,"stem":106,"updated":107,"__hash__":108},"helpDe\u002Fhelp\u002Finput-fields\u002Fimage-input-fields.de.md","Bild-Inputfelder",{"type":7,"value":8,"toc":91},"minimark",[9,24,28,31,61,71,74,81,85],[10,11,12,13,17,18,23],"p",{},"Ein Bild-Inputfeld lässt die Personen, die deinen Design Generator nutzen, ihr eigenes Bild in ein Bildelement einsetzen. Füge es hinzu, indem du das Bildelement auswählst und im Add-Popup ",[14,15,16],"strong",{},"Image"," wählst (siehe ",[19,20,22],"a",{"href":21},"\u002Fhelp\u002Finput-fields\u002Fadding-input-fields","Inputfelder hinzufügen",").",[25,26,16],"h2",{"id":27},"image",[10,29,30],{},"Du kannst das Verhalten des Felds feinjustieren:",[32,33,34,41,47],"ul",{},[35,36,37,40],"li",{},[14,38,39],{},"Allow image upload from device",": lässt Nutzer eine eigene Bilddatei hochladen.",[35,42,43,46],{},[14,44,45],{},"Allow image cropping",": lässt Nutzer das Bild im Element verschieben und zuschneiden.",[35,48,49,52,53,56,57,23],{},[14,50,51],{},"Allow padding",": fügt Weißraum um das Bild hinzu, wenn seine Proportionen nicht zur Box passen. Das gilt nur, wenn das Bild ",[14,54,55],{},"Contain"," verwendet (",[19,58,60],{"href":59},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fimage-cover-mode","Cover mode",[10,62,63,64,67,68,70],{},"Für ein Logo wähle im Add-Popup ",[14,65,66],{},"Logo"," statt ",[14,69,16],{},". Es ist dasselbe Feld, voreingestellt, damit Logos nicht beschnitten werden.",[10,72,73],{},"Du kannst auch einen externen Bildservice anbinden, sodass Nutzer aus einer geteilten Bibliothek wählen, statt selbst hochzuladen.",[10,75,76],{},[77,78],"img",{"alt":79,"src":80},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F1fa80308-4912-4a37-2869-bd546834da00\u002Fmax",[25,82,84],{"id":83},"image-selection","Image Selection",[10,86,87,88,90],{},"Statt eines Uploads kannst du Nutzer aus einer festen Auswahl an Bildern wählen lassen. Wähle im Add-Popup ",[14,89,84],{}," und füge dann die Bilder hinzu, aus denen sie wählen können.",{"title":79,"searchDepth":92,"depth":92,"links":93},2,[94,95],{"id":27,"depth":92,"text":16},{"id":83,"depth":92,"text":84},"input-fields","Lass Nutzer ein Bild hochladen oder auswählen, das ins Design eingesetzt wird.","md",[],{},true,30,"\u002Fhelp\u002Finput-fields\u002Fimage-input-fields.de","---\ntitle: \"Bild-Inputfelder\"\ndescription: \"Lass Nutzer ein Bild hochladen oder auswählen, das ins Design eingesetzt wird.\"\ncategory: input-fields\norder: 30\nkeywords: []\n---\nEin Bild-Inputfeld lässt die Personen, die deinen Design Generator nutzen, ihr eigenes Bild in ein Bildelement einsetzen. Füge es hinzu, indem du das Bildelement auswählst und im Add-Popup **Image** wählst (siehe [Inputfelder hinzufügen](\u002Fhelp\u002Finput-fields\u002Fadding-input-fields)).\n\n## Image\n\nDu kannst das Verhalten des Felds feinjustieren:\n\n- **Allow image upload from device**: lässt Nutzer eine eigene Bilddatei hochladen.\n- **Allow image cropping**: lässt Nutzer das Bild im Element verschieben und zuschneiden.\n- **Allow padding**: fügt Weißraum um das Bild hinzu, wenn seine Proportionen nicht zur Box passen. Das gilt nur, wenn das Bild **Contain** verwendet ([Cover mode](\u002Fhelp\u002Fdesign-elements-and-tools\u002Fimage-cover-mode)).\n\nFür ein Logo wähle im Add-Popup **Logo** statt **Image**. Es ist dasselbe Feld, voreingestellt, damit Logos nicht beschnitten werden.\n\nDu kannst auch einen externen Bildservice anbinden, sodass Nutzer aus einer geteilten Bibliothek wählen, statt selbst hochzuladen.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F1fa80308-4912-4a37-2869-bd546834da00\u002Fmax)\n\n## Image Selection\n\nStatt eines Uploads kannst du Nutzer aus einer festen Auswahl an Bildern wählen lassen. Wähle im Add-Popup **Image Selection** und füge dann die Bilder hinzu, aus denen sie wählen können.\n",{"title":5,"description":97},"help\u002Finput-fields\u002Fimage-input-fields.de","2026-06-15","6OBu-aDuQAMIyCDIlMg8HDnQmMlyWs4mZSk7jBL9MRE",1789292812812]