[{"data":1,"prerenderedAt":508},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Fdata-and-automation\u002Fautomation-campaigns":3},{"id":4,"title":5,"body":6,"category":487,"description":488,"extension":489,"keywords":490,"meta":498,"navigation":499,"order":500,"path":501,"published":502,"rawbody":503,"seo":504,"stem":505,"updated":506,"__hash__":507},"helpDe\u002Fhelp\u002Fdata-and-automation\u002Fautomation-campaigns.de.md","Automate: Bilder per URL und API erzeugen",{"type":7,"value":8,"toc":480},"minimark",[9,39,42,58,63,291,302,324,328,418,434,438,452],[10,11,12,13,17,18,22,23,26,27,30,31,34,35,38],"p",{},"Im ",[14,15,16],"place",{},"Template-Editor"," erzeugst du mit ",[19,20,21],"strong",{},"Automate"," Bilder und Videos aus deinem Template, ohne den ",[14,24,25],{},"Design-Generator",". Du bekommst eine Bild-URL, in der die Werte deiner Input-Felder stehen, oder eine fertige Anfrage an die API. Über die API bestellen andere Programme Bilder bei Bluepic. Den Tab ",[19,28,29],{},"API"," brauchst du nur, wenn jemand so eine Anbindung baut. Du findest Automate im Menü ",[19,32,33],{},"Share"," des ",[14,36,37],{},"Template-Editors",".",[10,40,41],{},"Das geht in zwei Schritten:",[43,44,45,52],"ol",{},[46,47,48,49,51],"li",{},"Erstelle im Popup ",[19,50,21],{}," eine Bild-URL mit deinen Werten.",[46,53,54,55,57],{},"Teste im Tab ",[19,56,29],{}," eine Anfrage an die API.",[59,60,62],"h2",{"id":61},"bild-url-erstellen","Bild-URL erstellen",[43,64,65,88,102,167,183,251,267,276],{},[46,66,67,71,72,75,76,78,79,82],{},[68,69,70],"click",{},"Klicke"," oben rechts in der ",[14,73,74],{},"Toolbar"," auf ",[19,77,33],{},". Ein Menü öffnet sich.",[80,81],"br",{},[83,84],"img",{"alt":85,"src":86,"width":87},"Share-Menü im Template-Editor mit markiertem Punkt Automate.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-automation-campaigns-04\u002Fpublic",207,[46,89,90,75,92,94,95,97,98,101],{},[68,91,70],{},[19,93,21],{},". Bluepic speichert das Template, und das Popup ",[19,96,21],{}," öffnet sich im Tab ",[19,99,100],{},"Image URL",". Oben steht die URL deines Templates, darunter eine Live-Vorschau. Jedes Input-Feld ist ein Wert in der URL, hinter einem Gleichheitszeichen.",[46,103,104,106,107,146,148,149,161,163],{},[68,105,70],{}," in der URL auf einen Wert. Je nach Input-Feld geht es so weiter:",[108,109,110,133],"ul",{},[46,111,112,115,116],{},[113,114],"right",{}," Für einen Text:\n",[108,117,118],{},[46,119,120,124,125,129,130,38],{},[121,122,123],"type",{},"Gib"," deinen Text ein und ",[126,127,128],"press",{},"drücke"," ",[19,131,132],{},"Enter",[46,134,135,137,138],{},[113,136],{}," Für ein Bild:\n",[108,139,140],{},[46,141,142,145],{},[68,143,144],{},"Wähle"," eines deiner Bilder aus der Liste.",[80,147],{},"Die Live-Vorschau zeigt dein Design jetzt mit dem neuen Wert.",[150,151,153],"trouble",{"symptom":152},"Es erscheint „Query string is … bytes, the API accepts 2048“?",[10,154,155,156,160],{},"Der Teil der URL nach dem ",[157,158,159],"code",{},"?"," darf höchstens 2048 Bytes lang sein. Kürze einen Wert oder entferne einen.",[80,162],{},[83,164],{"alt":165,"src":166},"Automate im Tab Image URL: Ein Wert in der URL wurde geändert, die Live-Vorschau zeigt ihn.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-automation-campaigns-01\u002Fpublic",[46,168,169,171,172,175,176,178],{},[68,170,70],{}," rechts neben der URL auf das Zahnrad. Das Popup ",[19,173,174],{},"URL settings"," öffnet sich.",[80,177],{},[83,179],{"alt":180,"src":181,"width":182},"URL settings mit Readable alias, Format und Scale.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-automation-campaigns-02\u002Fpublic",512,[46,184,185,187,188],{},[68,186,144],{}," die Einstellungen für deine URL:",[108,189,190,212,218,238],{},[46,191,192,195,196,199,200,203,204,207,208,211],{},[19,193,194],{},"Readable alias",": Statt der ID des Templates steht ein lesbarer Name in der URL. Kreuzt du es an, wählst du darunter bei ",[19,197,198],{},"Scope",", ob die URL unter ",[19,201,202],{},"Personal"," oder unter deinem Team steht, und gibst bei ",[19,205,206],{},"Alias"," den Namen ein. Mit ",[19,209,210],{},"Save"," speicherst du den Alias. Er gilt sofort für das Template, nicht nur für diese URL. Änderst du später den Alias oder den URL-Scope deines Teams, funktionieren URLs mit dem alten Namen nicht mehr.",[46,213,214,217],{},[19,215,216],{},"Canvas",": welcher Canvas gerendert wird. Gibt es nur, wenn das Template mehrere Canvases hat.",[46,219,220,223,224,227,228,231,232,227,235,38],{},[19,221,222],{},"Format",": der Dateityp, zum Beispiel ",[157,225,226],{},"png"," oder ",[157,229,230],{},"jpeg",", bei Animationen ",[157,233,234],{},"mp4",[157,236,237],{},"mov",[46,239,240,243,244,247,248,38],{},[19,241,242],{},"Scale",": die Größe der Datei, von ",[19,245,246],{},"@0.5x"," bis ",[19,249,250],{},"@4x",[46,252,253,255,256,259,260,262],{},[68,254,70],{}," rechts neben der URL auf das Symbol mit den zwei Blättern. Das ist ",[19,257,258],{},"Copy URL",". Die URL ist jetzt in deiner Zwischenablage. Jeder, der sie kennt, kann die Datei abrufen. Schreib deshalb keine privaten Daten hinein.",[80,261],{},[83,263],{"alt":264,"src":265,"width":266},"Rechtes Ende der URL-Leiste im Tab Image URL mit markierten Symbolen Copy URL, Open in a new tab und Zahnrad.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-automation-campaigns-05\u002Fpublic",894,[46,268,269,271,272,275],{},[68,270,70],{}," auf das Symbol mit dem Pfeil aus dem Kasten. Das ist ",[19,273,274],{},"Open in a new tab",". Die Datei öffnet sich in einem neuen Browser-Tab.",[46,277,278,282,283],{},[279,280,281],"look",{},"Prüfe",", ob die Datei deine Werte zeigt und den richtigen Dateityp hat.",[150,284,286],{"symptom":285},"Die Datei zeigt deine Werte nicht?",[10,287,288,289,38],{},"Schlägt das Rendering fehl, liefert die URL das gespeicherte Vorschaubild des Templates statt eines Fehlers. Prüfe die Werte in der URL. Am sichersten kopierst du die URL neu aus ",[19,290,21],{},[10,292,293,294,297,298,301],{},"Bild-URLs laufen über ",[157,295,296],{},"image.bluepic.io",", Videos über ",[157,299,300],{},"video.bluepic.io",". Du kannst sie überall einbinden, wo ein Bild oder Video per Link geladen wird.",[303,304,305],"warning",{},[10,306,307,308,311,312,315,316,319,320,323],{},"Die URL eines Canvas, der nicht der Standard-Canvas ist, enthält seine Größe, zum Beispiel ",[157,309,310],{},"1080x1350",". Änderst du diese Größe, liefern alte URLs den Fehler 404. Ist im ",[14,313,314],{},"Properties-Panel"," unter ",[19,317,318],{},"Advanced"," die Option ",[19,321,322],{},"Resizable"," an, liefern sie stattdessen den Standard-Canvas, an diese Größe angepasst.",[59,325,327],{"id":326},"api-anfrage-testen","API-Anfrage testen",[43,329,330,368,382,397,409],{},[46,331,332,334,335,337,338,340,341,344,345,347,348],{},[68,333,70],{}," im Popup ",[19,336,21],{}," oben auf den Tab ",[19,339,29],{},". Oben steht jetzt ",[157,342,343],{},"POST https:\u002F\u002Fapi.bluepic.io\u002Fv1\u002Frenders",". Darunter siehst du dieselbe Anfrage als curl-Befehl, mit den Werten aus dem Tab ",[19,346,100],{}," und deinem API-Key. Hast du noch keinen API-Key, legt Studio einen für dich an.",[150,349,351],{"symptom":350},"Es erscheint „No API key: …“?",[10,352,353,354,357,358,357,361,364,365,367],{},"Studio konnte keinen API-Key für dich anlegen. Erstelle einen unter ",[19,355,356],{},"Settings"," → ",[19,359,360],{},"Developer",[19,362,363],{},"Keys"," und öffne ",[19,366,21],{}," neu.",[46,369,370,371,129,374,377,378,381],{},"Soll deine Anwendung nicht auf die Datei warten, ",[68,372,373],{},"kreuze",[19,375,376],{},"Render as a job"," an. Die API antwortet dann sofort mit einem Auftrag statt der Datei. Du fragst ihn mit ",[157,379,380],{},"GET \u002Fv1\u002Frenders\u002F{id}"," ab oder trägst eine Webhook-URL ein, an die Bluepic das Ergebnis meldet. Das Ergebnis bleibt 30 Tage gespeichert.",[46,383,384,386,387,390,391,393],{},[68,385,70],{}," oben rechts auf das Dreieck. Das ist ",[19,388,389],{},"Send request",". Bluepic rendert dein Design über die API. Das Ergebnis erscheint statt der Live-Vorschau, darunter Status, Dateityp, Größe und Dauer. Das ist ein echtes Rendering und kostet Credits. Kommt es aus dem Cache, steht dort „from cache, not billed“.",[80,392],{},[83,394],{"alt":395,"src":396},"Automate im Tab API mit dem curl-Befehl; der Key ist verdeckt. Der Button Send request ist markiert.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-automation-campaigns-03\u002Fpublic",[46,398,399,75,401,404,405,408],{},[68,400,70],{},[19,402,403],{},"Back to live preview",". Die Live-Vorschau erscheint wieder. Mit ",[19,406,407],{},"Download"," daneben speicherst du vorher das Ergebnis.",[46,410,411,413,414,417],{},[68,412,70],{}," auf das Symbol mit den zwei Blättern. Das ist ",[19,415,416],{},"Copy as curl",". Der Befehl ist jetzt in deiner Zwischenablage. Er enthält deinen API-Key. Gib ihn deshalb nicht weiter.",[10,419,420,421,75,424,427,428,433],{},"Willst du die Anfrage weiter ausbauen, ",[68,422,423],{},"klicke",[19,425,426],{},"Open in Explorer",". Der Explorer im ",[429,430,432],"a",{"href":431},"\u002Fde\u002Fhelp\u002Fdata-and-automation\u002Fdeveloper-area","Developer-Bereich"," öffnet sich in einem neuen Tab, mit deinem Template schon ausgewählt.",[59,435,437],{"id":436},"kosten","Kosten",[108,439,440,443,446,449],{},[46,441,442],{},"Ein neues Bild über eine Bild-URL oder die API kostet 0,01 Credit.",[46,444,445],{},"Ein neues Video über eine Video-URL oder die API kostet 0,1 Credit.",[46,447,448],{},"Kommt ein Ergebnis aus dem Cache, weil genau diese Werte schon einmal gerendert wurden, wird es nicht berechnet.",[46,450,451],{},"Sind die Credits aufgebraucht, liefern URLs weiter ihre Datei, aber mit Wasserzeichen.",[453,454,455],"related",{},[108,456,457,462,468,474],{},[46,458,459],{},[429,460,461],{"href":431},"Developer-Bereich: API-Keys und Explorer",[46,463,464],{},[429,465,467],{"href":466},"\u002Fde\u002Fhelp\u002Faccount-management\u002Fcredits","Credits: was Exporte kosten",[46,469,470],{},[429,471,473],{"href":472},"\u002Fde\u002Fhelp\u002Ftemplate-management\u002Fcanvases","Canvases: mehrere Größen in einem Template anbieten",[46,475,476],{},[429,477,479],{"href":478},"\u002Fde\u002Fhelp\u002Faccount-management\u002Fwatermarks","Wasserzeichen und Bluepic-Branding: wann was erscheint",{"title":481,"searchDepth":482,"depth":482,"links":483},"",2,[484,485,486],{"id":61,"depth":482,"text":62},{"id":326,"depth":482,"text":327},{"id":436,"depth":482,"text":437},"data-and-automation","Erzeuge mit Automate im Template-Editor eine Bild-URL mit eigenen Werten oder teste eine Anfrage an die Render-API, inklusive Alias, Kosten und Grenzen.","md",[491,21,492,29,100,493,174,194,494,198,495,389,376,496,426,497,296,300],"automation","Automation","Bild-URL","alias","curl","Webhook","render",{},true,30,"\u002Fhelp\u002Fdata-and-automation\u002Fautomation-campaigns.de","2026-06-10","---\ntitle: \"Automate: Bilder per URL und API erzeugen\"\ndescription: \"Erzeuge mit Automate im Template-Editor eine Bild-URL mit eigenen Werten oder teste eine Anfrage an die Render-API, inklusive Alias, Kosten und Grenzen.\"\ncategory: data-and-automation\norder: 30\nkeywords: [\"automation\", \"Automate\", \"Automation\", \"API\", \"Image URL\", \"Bild-URL\", \"URL settings\", \"Readable alias\", \"alias\", \"Scope\", \"curl\", \"Send request\", \"Render as a job\", \"Webhook\", \"Open in Explorer\", \"render\", \"image.bluepic.io\", \"video.bluepic.io\"]\n---\n\nIm :place[Template-Editor] erzeugst du mit **Automate** Bilder und Videos aus deinem Template, ohne den :place[Design-Generator]. Du bekommst eine Bild-URL, in der die Werte deiner Input-Felder stehen, oder eine fertige Anfrage an die API. Über die API bestellen andere Programme Bilder bei Bluepic. Den Tab **API** brauchst du nur, wenn jemand so eine Anbindung baut. Du findest Automate im Menü **Share** des :place[Template-Editors].\n\nDas geht in zwei Schritten:\n\n1. Erstelle im Popup **Automate** eine Bild-URL mit deinen Werten.\n2. Teste im Tab **API** eine Anfrage an die API.\n\n\n## Bild-URL erstellen\n\n1. :click[Klicke] oben rechts in der :place[Toolbar] auf **Share**. Ein Menü öffnet sich.\n\n   ![Share-Menü im Template-Editor mit markiertem Punkt Automate.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-automation-campaigns-04\u002Fpublic){width=\"207\"}\n\n2. :click[Klicke] auf **Automate**. Bluepic speichert das Template, und das Popup **Automate** öffnet sich im Tab **Image URL**. Oben steht die URL deines Templates, darunter eine Live-Vorschau. Jedes Input-Feld ist ein Wert in der URL, hinter einem Gleichheitszeichen.\n3. :click[Klicke] in der URL auf einen Wert. Je nach Input-Feld geht es so weiter:\n\n   - :right Für einen Text:\n     - :type[Gib] deinen Text ein und :press[drücke] **Enter**.\n   - :right Für ein Bild:\n     - :click[Wähle] eines deiner Bilder aus der Liste.\n\n   Die Live-Vorschau zeigt dein Design jetzt mit dem neuen Wert.\n\n   ::trouble{symptom=\"Es erscheint „Query string is … bytes, the API accepts 2048“?\"}\n   Der Teil der URL nach dem `?` darf höchstens 2048 Bytes lang sein. Kürze einen Wert oder entferne einen.\n   ::\n\n   ![Automate im Tab Image URL: Ein Wert in der URL wurde geändert, die Live-Vorschau zeigt ihn.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-automation-campaigns-01\u002Fpublic)\n\n4. :click[Klicke] rechts neben der URL auf das Zahnrad. Das Popup **URL settings** öffnet sich.\n\n   ![URL settings mit Readable alias, Format und Scale.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-automation-campaigns-02\u002Fpublic){width=\"512\"}\n\n5. :click[Wähle] die Einstellungen für deine URL:\n\n   - **Readable alias**: Statt der ID des Templates steht ein lesbarer Name in der URL. Kreuzt du es an, wählst du darunter bei **Scope**, ob die URL unter **Personal** oder unter deinem Team steht, und gibst bei **Alias** den Namen ein. Mit **Save** speicherst du den Alias. Er gilt sofort für das Template, nicht nur für diese URL. Änderst du später den Alias oder den URL-Scope deines Teams, funktionieren URLs mit dem alten Namen nicht mehr.\n   - **Canvas**: welcher Canvas gerendert wird. Gibt es nur, wenn das Template mehrere Canvases hat.\n   - **Format**: der Dateityp, zum Beispiel `png` oder `jpeg`, bei Animationen `mp4` oder `mov`.\n   - **Scale**: die Größe der Datei, von **@0.5x** bis **@4x**.\n\n6. :click[Klicke] rechts neben der URL auf das Symbol mit den zwei Blättern. Das ist **Copy URL**. Die URL ist jetzt in deiner Zwischenablage. Jeder, der sie kennt, kann die Datei abrufen. Schreib deshalb keine privaten Daten hinein.\n\n   ![Rechtes Ende der URL-Leiste im Tab Image URL mit markierten Symbolen Copy URL, Open in a new tab und Zahnrad.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-automation-campaigns-05\u002Fpublic){width=\"894\"}\n\n7. :click[Klicke] auf das Symbol mit dem Pfeil aus dem Kasten. Das ist **Open in a new tab**. Die Datei öffnet sich in einem neuen Browser-Tab.\n8. :look[Prüfe], ob die Datei deine Werte zeigt und den richtigen Dateityp hat.\n\n   ::trouble{symptom=\"Die Datei zeigt deine Werte nicht?\"}\n   Schlägt das Rendering fehl, liefert die URL das gespeicherte Vorschaubild des Templates statt eines Fehlers. Prüfe die Werte in der URL. Am sichersten kopierst du die URL neu aus **Automate**.\n   ::\n\nBild-URLs laufen über `image.bluepic.io`, Videos über `video.bluepic.io`. Du kannst sie überall einbinden, wo ein Bild oder Video per Link geladen wird.\n\n::warning\nDie URL eines Canvas, der nicht der Standard-Canvas ist, enthält seine Größe, zum Beispiel `1080x1350`. Änderst du diese Größe, liefern alte URLs den Fehler 404. Ist im :place[Properties-Panel] unter **Advanced** die Option **Resizable** an, liefern sie stattdessen den Standard-Canvas, an diese Größe angepasst.\n::\n\n## API-Anfrage testen\n\n1. :click[Klicke] im Popup **Automate** oben auf den Tab **API**. Oben steht jetzt `POST https:\u002F\u002Fapi.bluepic.io\u002Fv1\u002Frenders`. Darunter siehst du dieselbe Anfrage als curl-Befehl, mit den Werten aus dem Tab **Image URL** und deinem API-Key. Hast du noch keinen API-Key, legt Studio einen für dich an.\n\n   ::trouble{symptom=\"Es erscheint „No API key: …“?\"}\n   Studio konnte keinen API-Key für dich anlegen. Erstelle einen unter **Settings** → **Developer** → **Keys** und öffne **Automate** neu.\n   ::\n\n2. Soll deine Anwendung nicht auf die Datei warten, :click[kreuze] **Render as a job** an. Die API antwortet dann sofort mit einem Auftrag statt der Datei. Du fragst ihn mit `GET \u002Fv1\u002Frenders\u002F{id}` ab oder trägst eine Webhook-URL ein, an die Bluepic das Ergebnis meldet. Das Ergebnis bleibt 30 Tage gespeichert.\n3. :click[Klicke] oben rechts auf das Dreieck. Das ist **Send request**. Bluepic rendert dein Design über die API. Das Ergebnis erscheint statt der Live-Vorschau, darunter Status, Dateityp, Größe und Dauer. Das ist ein echtes Rendering und kostet Credits. Kommt es aus dem Cache, steht dort „from cache, not billed“.\n\n   ![Automate im Tab API mit dem curl-Befehl; der Key ist verdeckt. Der Button Send request ist markiert.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-automation-campaigns-03\u002Fpublic)\n\n4. :click[Klicke] auf **Back to live preview**. Die Live-Vorschau erscheint wieder. Mit **Download** daneben speicherst du vorher das Ergebnis.\n5. :click[Klicke] auf das Symbol mit den zwei Blättern. Das ist **Copy as curl**. Der Befehl ist jetzt in deiner Zwischenablage. Er enthält deinen API-Key. Gib ihn deshalb nicht weiter.\n\nWillst du die Anfrage weiter ausbauen, :click[klicke] auf **Open in Explorer**. Der Explorer im [Developer-Bereich](\u002Fde\u002Fhelp\u002Fdata-and-automation\u002Fdeveloper-area) öffnet sich in einem neuen Tab, mit deinem Template schon ausgewählt.\n\n## Kosten\n\n- Ein neues Bild über eine Bild-URL oder die API kostet 0,01 Credit.\n- Ein neues Video über eine Video-URL oder die API kostet 0,1 Credit.\n- Kommt ein Ergebnis aus dem Cache, weil genau diese Werte schon einmal gerendert wurden, wird es nicht berechnet.\n- Sind die Credits aufgebraucht, liefern URLs weiter ihre Datei, aber mit Wasserzeichen.\n\n::related\n- [Developer-Bereich: API-Keys und Explorer](\u002Fde\u002Fhelp\u002Fdata-and-automation\u002Fdeveloper-area)\n- [Credits: was Exporte kosten](\u002Fde\u002Fhelp\u002Faccount-management\u002Fcredits)\n- [Canvases: mehrere Größen in einem Template anbieten](\u002Fde\u002Fhelp\u002Ftemplate-management\u002Fcanvases)\n- [Wasserzeichen und Bluepic-Branding: wann was erscheint](\u002Fde\u002Fhelp\u002Faccount-management\u002Fwatermarks)\n::\n",{"title":5,"description":488},"help\u002Fdata-and-automation\u002Fautomation-campaigns.de","2026-10-22","fl8DbAL-FxUfWqlYY5pJhPStg1u9KaZ5BPfVOyEeM-w",1792680559735]