Construyamos: eliminador de fondos con Transloadit

Kevin van Zonneveld

Cofundador · Amsterdam, Países Bajos · Mostrar bio

La eliminación de fondos es uno de los workflows de procesamiento de archivos más populares para equipos de e-commerce, marketing y diseño. Con Transloadit, el pipeline principal es solo un paso.

Qué estamos construyendo

• Aceptar una imagen de producto o retrato
• Eliminar el fondo con 🤖 /image/bgremove
• Generar un PNG transparente

Resumen del pipeline

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

Fragmento de Assembly

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

Prueba la app de ejemplo

La versión ejecutable de este post está en example_apps/background-remover/run.ts.

node example_apps/background-remover/run.ts

Inputs sugeridos para elementos visuales

Usa las muestras incluidas o reemplázalas con tus propias imágenes:

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

Próximos pasos

• Agrega pasos de redimensionamiento o thumbnails después de eliminar el fondo.
• Almacena los resultados en S3 u otro robot de proveedor de storage.
• Envuelve el flujo en un uploader de Uppy para una UI instantánea.