Let's Build: Hintergrundentferner mit Transloadit

Kevin van Zonneveld

Mitgründer · Amsterdam, Niederlande · Bio anzeigen

Die Hintergrundentfernung zählt zu den beliebtesten Workflows für die Dateiverarbeitung in E-Commerce-, Marketing- und Designteams. Mit Transloadit besteht die zentrale Pipeline aus nur einem Schritt.

Was wir erstellen

• Ein Produkt- oder Porträtbild annehmen
• Den Hintergrund mit 🤖 /image/bgremove entfernen
• Eine transparente PNG ausgeben

Pipeline-Übersicht

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

Assembly-Snippet

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

Beispiel-App ausprobieren

Die ausführbare Version dieses Beitrags finden Sie unter example_apps/background-remover/run.ts.

node example_apps/background-remover/run.ts

Empfohlene Eingaben für Visuals

Verwenden Sie die mitgelieferten Beispiele oder ersetzen Sie sie durch eigene Bilder:

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

Nächste Schritte

• Fügen Sie nach der Hintergrundentfernung Schritte zum Ändern der Größe oder für Thumbnails hinzu.
• Speichern Sie Ergebnisse in S3 oder mit einem anderen Storage-Provider-Robot.
• Betten Sie den Flow für eine direkte UI in einen Uppy-Uploader ein.