Last updated: January 6

<span aria-hidden="true" id="lets-build-background-remover-with-transloadit"></span>

# Let's Build: background remover with Transloadit

![Kevin van Zonneveld](/assets/images/teammates/avatar-kvz-4.jpg?dpl=dpl_AsMTCxwVXNuJ5TmdPevSCe63JuJo)

**Kevin van Zonneveld**

Co-founder · Amsterdam, The Netherlands · Show bio

[](https://x.com/kvz)[](https://github.com/kvz)

Background removal is one of the most popular file-processing workflows for e-commerce, marketing, and design teams. With Transloadit, the core pipeline is just a single step.

<span aria-hidden="true" id="what-were-building"></span>

## What we’re building

* Accept a product or portrait image
* Remove the background with [🤖 /image/bgremove](/docs/robots/image-bgremove.md)
* Output a transparent PNG

<span aria-hidden="true" id="pipeline-overview"></span>

## Pipeline overview

```
Image ──▶ /image/bgremove (png output)

```

<span aria-hidden="true" id="assembly-snippet"></span>

## Assembly snippet

```ts
const assembly = await transloadit.createAssembly({
  params: {
    steps: {
      remove_background: {
        robot: '/image/bgremove',
        use: ':original',
        format: 'png',
        result: true,
      },
    },
  },
  files: {
    image: filePath,
  },
  waitForCompletion: true,
})

```

<span aria-hidden="true" id="try-the-example-app"></span>

## Try the example app

The runnable version of this post lives at `example_apps/background-remover/run.ts`.

```bash
node example_apps/background-remover/run.ts

```

<span aria-hidden="true" id="suggested-inputs-for-visuals"></span>

## Suggested inputs for visuals

Use the bundled samples or swap in your own images:

* `_assets/demos/inputs/group-of-students.jpg`
* `_assets/demos/inputs/jewelry.jpg`
* `_assets/demos/inputs/man-standing-on-balcony.jpg`

<span aria-hidden="true" id="next-steps"></span>

## Next steps

* Add resizing or thumbnail steps after background removal.
* Store results in S3 or another storage provider robot.
* Wrap the flow in an Uppy uploader for instant UI.

[#letsbuild](/blog/tags/letsbuild.md)[#image-processing-service](/blog/tags/image-processing-service.md)[#developer-experience](/blog/tags/developer-experience.md)

### 👩‍💻 Join 20k+ developers

Sign up for our [monthly newsletter](/newsletters.md) to receive direct links to 3 exclusive tech — and 2 product updates. No less, no more.

Your email:

Get access

## File uploading and encoding. Made simple.

Transloadit streamlines file handling for developers, trusted by brands like Coursera and The New York Times. We’re known for a reliable API, top-notch support, and a strong commitment to open source, with projects like [Uppy⁠](https://uppy.io) and [Tus⁠](https://tus.io) setting standards in file processing.

[Sign up](/c/)[Book a Demo](https://survey.typeform.com/to/kRg47Xi5)

No credit card needed

Cancel anytime