Zum Hauptinhalt springen

recraft/20b-svg/text-to-image

Erstellt aus einem kurzen Prompt ein SVG-Icon oder eine Illustration in einem von 21 Recraft-Stilen, in etwa 11 Sekunden.

Ab $0.053/Bild
Modell ausführen

Playground

Anfrage senden

Schnellstart

Die Beispiele verwenden die öffentlichen Parameter des gewählten Endpunkts. Ersetzen Sie API-Schlüssel und Beispielmedien und senden Sie die Anfrage von Ihrem Server.

SDKs & Integrationen
POSThttps://api.spicyapi.ai/api/v1/jobs/createTask

API-Authentifizierung

Bewahren Sie den API-Schlüssel serverseitig in der Umgebungsvariablen SPICY_API_KEY auf. Verwenden Sie Bearer-Authentifizierung und für JSON-Anfragen Content-Type: application/json.

Authorization: Bearer $SPICY_API_KEY
Recraft 20B SVG · Recraft 20B SVG · Beispielergebnis
BeispielergebnisBeispiel übernehmen
# Generate the idempotency key once; reuse it when retrying after a lost response.
export SPICY_IDEMPOTENCY_KEY="${SPICY_IDEMPOTENCY_KEY:-$(uuidgen)}"
curl -X POST https://api.spicyapi.ai/api/v1/jobs/createTask \
  -H "Authorization: Bearer $SPICY_API_KEY" \
  -H "Content-Type: application/json" \
  -H "Idempotency-Key: $SPICY_IDEMPOTENCY_KEY" \
  -d '{
  "model": "recraft/20b-svg/text-to-image",
  "input": {
    "style": "vector_illustration",
    "prompt": "A ceramic teapot on a linen cloth, soft window light, muted palette",
    "aspect_ratio": "1:1"
  }
}'

# Copy data.taskId from the response into TASK_ID, then poll the status.
TASK_ID="TASK_ID_FROM_RESPONSE"
curl "https://api.spicyapi.ai/api/v1/jobs/recordInfo?taskId=$TASK_ID" \
  -H "Authorization: Bearer $SPICY_API_KEY"

Erzeugt aus dem Eingabeschema dieses Modells – genau dem, gegen das die API jede Anfrage prüft.

Eingabeparameter

Diese Felder gehören in das input-Objekt des Request-Bodys. Namen und Typen entsprechen der API. Wo kein Standardwert angegeben ist, dürfen Sie auch keinen annehmen.

promptstringErforderlich

Ein einzelnes Motiv wirkt am klarsten, besonders bei Icons: eine dampfende Kaffeetasse oder ein Berg mit aufgehender Sonne. Nennen Sie bei Bedarf gewünschte Farben. Bis zu 1,000 Zeichen.

Standardwert
Nicht festgelegt
Einschränkungen
minLength:1
maxLength:1000
aspect_ratiostringOptional

1:1 (Standard) für Icons; 16:9, 9:16, 4:3 oder 3:4 für Banner und Szenen. Legt die Form der SVG-Zeichenfläche ohne Aufpreis fest.

Standardwert
"1:1"
Zulässige Werte
"1:1""16:9""9:16""4:3""3:4"
stylestringOptional

Zehn Icon-Stile (outline, colored_outline, colored_shapes, doodle_fill und weitere) und elf Illustrationsstile (cartoon, kawaii, line_art, engraving, linocut, seamless und weitere). Standard ist vector_illustration. Der Stil beeinflusst den Preis nicht.

Standardwert
"vector_illustration"
Zulässige Werte
"vector_illustration""vector_illustration/cartoon""vector_illustration/doodle_line_art""vector_illustration/engraving""vector_illustration/flat_2""vector_illustration/kawaii""vector_illustration/line_art""vector_illustration/line_circuit""vector_illustration/linocut""vector_illustration/seamless""icon""icon/broken_line""icon/colored_outline""icon/colored_shapes""icon/colored_shapes_gradient""icon/doodle_fill""icon/doodle_offset_fill""icon/offset_fill""icon/outline""icon/outline_gradient""icon/uneven_fill"

Auftrag verfolgen

HTTP 202 bestätigt die Annahme, nicht den Abschluss. Speichern Sie die zurückgegebene taskId und fragen Sie diesen Auftrag ab. Erstellen Sie währenddessen keinen weiteren Auftrag.

Antwort bei Annahme
HTTP/1.1 202 Accepted
Location: /api/v1/jobs/recordInfo?taskId=job_01k3m8x9q2z4v7n5p6r8s0t1w3

{
  "code": 200,
  "msg": "success",
  "request_id": "req_example_create",
  "data": {
    "taskId": "job_01k3m8x9q2z4v7n5p6r8s0t1w3",
    "state": "queued",
    "estimatedCost": "0.750000"
  }
}

Diese Antwort enthält bereits die Kostenschätzung, damit Ihre Anwendung in Auftragsverlauf und Abrechnung denselben Betrag anzeigen kann.

Auftrag abrufen
curl --get "https://api.spicyapi.ai/api/v1/jobs/recordInfo" \
  --data-urlencode "taskId=$TASK_ID" \
  -H "Authorization: Bearer $SPICY_API_KEY"

Beginnen Sie mit etwa 2 Sekunden Abstand und verlängern Sie das Intervall schrittweise. Bei einem Endzustand hören Sie auf. Nach einem Verbindungsfehler fragen Sie dieselbe taskId ab. Neu anlegen nur mit demselben Idempotency-Key und demselben Request-Body.

Oder den Rückruf zu Ihnen kommen lassen
import { verifyWebhook } from "@spicyapi/sdk";

// express.raw keeps the bytes we signed; express.json never matches.
app.post("/hooks/spicy", express.raw({ type: "application/json" }), (req, res) => {
  const { payload } = verifyWebhook({
    rawBody: req.body,
    timestamp: req.header("X-Webhook-Timestamp"),
    signature: req.header("X-Webhook-Signature"),
    payloadVersion: Number(req.header("X-Webhook-Payload-Version")),
    secret: process.env.SPICY_WEBHOOK_SECRET,
  });
  res.status(200).end();
  void handleFinishedTask(payload);
});

Übergeben Sie callBackUrl beim Anlegen der Aufgabe, dann wird Ihnen der fertige Datensatz per POST zugestellt — ganz ohne Polling-Schleife. Jede Zustellung trägt X-Webhook-Timestamp, X-Webhook-Signature und X-Webhook-Payload-Version. Die Signatur ist ein base64-HMAC-SHA256 über taskId.timestamp.sha256(body) und muss deshalb gegen die Rohbytes geprüft werden: Wer das JSON parst und neu serialisiert, verändert sie, und die Prüfung schlägt fehl. Fehlgeschlagene Zustellungen werden wiederholt, dieselbe taskId kann also zweimal ankommen — machen Sie den Handler idempotent. Antworten Sie zuerst mit 2xx und arbeiten Sie danach; ein langsamer Handler gilt als fehlgeschlagene Zustellung.

Ergebnis auslesen

Lesen Sie output erst aus, wenn state den Wert succeeded hat. Nutzen Sie bei Fehlern errorCode, errorMessage und request_id zur Diagnose. Beispielkosten und -zustände bilden keine tatsächliche Abrechnung ab.

Beispiel einer fertigen Antwort
{
  "code": 200,
  "msg": "success",
  "request_id": "req_example_record",
  "data": {
    "taskId": "job_01k3m8x9q2z4v7n5p6r8s0t1w3",
    "model": "recraft/20b-svg/text-to-image",
    "state": "succeeded",
    "output": {
      "assets": [
        {
          "key": "tasks/2026/08/28/job_01k3m8x9q2z4v7n5p6r8s0t1w3/3f7a1c9e5b2d48f0a6c1e3d5b7f9a1c3.png",
          "mime": "image/png",
          "url": "https://example.r2.cloudflarestorage.com/results/job_01k3m8x9q2z4v7n5p6r8s0t1w3/result.png?X-Amz-Signature=SIGNATURE_FROM_RESPONSE",
          "expiresAt": "2026-08-28T12:20:08.000Z"
        }
      ]
    },
    "cost": "0.750000",
    "settled": true,
    "createdAt": "2026-08-28T12:00:00Z",
    "completedAt": "2026-08-28T12:00:30Z"
  }
}

Verfügbare Dateien lassen sich direkt über assets[].url ohne API-Authorization-Header öffnen oder herunterladen. Der signierte Link läuft zu expiresAt ab. Fragen Sie den Auftrag innerhalb der Aufbewahrungsfrist erneut ab, um den Link zu erneuern. Noch ausstehende oder nicht verfügbare Dateien haben keine URL. Behandeln Sie signierte Links vertraulich.

SDKs & Integrationen

Nutzen Sie SpicyAPI in Ihrer App, im Terminal, mit KI-Assistenten oder in visuellen Workflows. Wählen Sie die passende Anleitung.

SDKs
TypeScript · Python · Go · PHP · Java
CLI
Terminalbefehle und Automatisierungsskripte.
MCP
Claude Code · Cursor · Codex
Agent Skill
Wiederverwendbare Anweisungen für Ihren KI-Assistenten.
n8n
Community-Nodes für selbst gehostetes n8n und importierbare HTTP Request-Vorlagen für n8n Cloud.
ComfyUI
Bild-, Video- und Audio-Workflows auf einer Node-Oberfläche.

Weitere Integrationen

SillyTavernTelegram / DiscordApp proxyOpenAI SDKLangChainVercel AI SDK
Fertige Workflows entdecken

In ComfyUI nutzen

Installieren Sie die SpicyAPI-Nodes über den ComfyUI Manager oder mit dem Befehl unten und suchen Sie auf der Arbeitsfläche nach Recraft 20B SVG · Recraft 20B SVG. Der Node bietet dieselben Optionen wie diese Seite und zeigt seinen Preis, bevor er läuft.

cd ComfyUI/custom_nodes
git clone https://github.com/spicyapi-ai/comfyui-spicyapi
Workflow-BeispieleEinrichtungsanleitungQuellcode auf GitHub