Live SDK

Image SDK Pipeline Playground

Run Headless tools, preview the returned File directly, download it, and pass the same File object into the next compatible tool.

1. SDK authentication

Origin:

Status: Waiting

2. Input image

You can select any image input format currently supported by the SDK: JPG, JPEG, PNG, WebP, AVIF, HEIC and HEIF. After you choose a file, the Playground automatically shows only the API Tools compatible with that File type.

After every successful Tool execution, currentFile is automatically replaced with the returned File.

Current File object

Zavilo
Zavilo
Choose an image.
Choose an image.

3. Run Tool

Only Tools whose input.accept matches the MIME type of the current File are shown.

Status: Waiting

Authenticate the SDK first.

4. Pipeline history

Each returned File becomes the input for the next step.

    Core integration code

    let currentFile = selectedFile;

const result = await client.run("resize-image", {
  file: currentFile,
  options: {
    width: 1200,
    format: "webp",
    quality: 0.9
  }
});

currentFile = result.files[0];
preview.src = URL.createObjectURL(currentFile);

const next = await client.run("compress-image", {
  file: currentFile,
  options: { quality: 0.8 }
});