Background from a picture

[Gunner]

Joking aside... and because, while not retired, I currently DO have more time than energy... I suspect the OP is looking for some JS code, preferably already in a "nicely wrapped node" that will take in an image and spit out same image minus background. Hey, it is only code, should be possible, right?

A little Googling shows that the answer may be *Yes

*lots of background code, perhaps.in form of 3rd party services

For example... I found this service/api (NO affiliation nor intent to advertise... just a result from Googling)...

Background Removal API – remove.bg

[dceejay]

Or if I’m Linux maybe an imagemagik call from an exec ? How to replace white background color with transparent of an image in ImageMagick? - Stack Overflow

[madmax]

@Gunner

Joking aside... and because, while not retired, I currently DO have more time than energy... I suspect the OP is looking for some JS code, preferably already in a "nicely wrapped node" that will take in an image and spit out same image minus background. Hey, it is only code, should be possible, right?

A little Googling shows that the answer may be *Yes

• lots of background code, perhaps.in form of 3rd party services

For example... I found this service/api (NO affiliation nor intent to advertise... just a result from Googling)...

Background Removal API – remove.bg

Hello!

Many thanks for the answer.

The side no me but they want enough money for it. 0.20 euros per picture.

Here is a site that is free but doesn't offer an API.

Remove Image Background - Auto Background Remover and Changer

So I'm looking for another solution.

[BartButenaers]

Sorry to interrupt the excellent humour in this thread...

The closest thing to background subtraction in images I found, is the node-red-contrib-camera-motion node. It does not have a readme page (yet), but you can see this in his Github repository:

There is also a possiblity to use Tensorflow.js for this purpose (see e.g. here).

Bart

[madmax]

@dceejay

Or if I’m Linux maybe an imagemagik call from an exec ? How to replace white background color with transparent of an image in ImageMagick? - Stack Overflow

Many thanks for the answer.
I've tried it with imagemagick, but unfortunately that doesn't look so nice.

[Gunner]

I had also came across this - Cloudinary - Pricing and Plans

From here - Remove Photo Backgrounds with Cloudinary

[madmax]

@Gunner

Cloudinary - Pricing and Plans

With Cloudinary - Pricing and Plans, only 3 images per month are free.

[Gunner]

Well, depending on the imagery, you are asking for some relatively serious processing power for hopefully good results... so close to free may be all you get short of coding it yourself.

[BartButenaers]

You can also use opencv.js, which has support background subtraction via the BackgroundSubtractorMOG2 algorithm (see here). And in this link you can find an example of how to run opencv.js (which is a WASM port of OpenCv) in NodeJs.

[Steve-Mcl]

Here is a client side demo...

HTTP endpoint for image payloads

Hi, firstly, as you are not using dashboard (you are pretty much building a website from endpoints) you have to include html/head/body tags) Ok, so since this is all client side, you need to post the data back to your 2nd endpoint. for this I simply used fetch. Also, as that P5 library generates its results on a canvas, you need to call .toDataURL() on the canvas to get the base64 data. If you want to save this as an actual image, you should convert the base64 to binary. NOTE: Image tools h…

[madmax]

@HTTP endpoint for image payloads

Hi, firstly, as you are not using dashboard (you are pretty much building a website from endpoints) you have to include html/head/body tags)

Ok, so since this is all client side, you need to post the data back to your 2nd endpoint. for this I simply used fetch . Also, as that P5 library generates its results on a canvas, you need to call .toDataURL() on the canvas to get the base64 data.

If you want to save this as an actual image, you should convert the base64 to binary. NOTE: Image tools has a write function to take the worry out of the format etc.

anyhow, here you go...

Hello!

Many thanks for the answer.

But unfortunately it doesn't happen when you click on inject

[Steve-Mcl]

@madmax

But unfortunately it doesn't happen when you click on inject

No. As I said, it is a client side demo. You need to open the endpoint /image_payload (e.g. http://localhost:1880/image_payload or whatever your node-red is)

May or may not be of use - depending on what your goal is

[madmax]

@Steve-Mcl

No. As I said, it is a client side demo. You need to open the endpoint /image_payload (e.g. http://localhost:1880/image_payload or whatever your node-red is)

May or may not be of use - depending on what your goal is

Hello!

Thanks for the answer.

Can this also be built into the flow? Which he converts several images at once.

[Steve-Mcl]

Probably not. (or not so easily) as I said, it was a client side demo and I had no idea of your usage. It seems you want to automate things at server side.

OpenCV or a command line application is probably the way to go.

[madmax]

OK thanks

[dceejay]

As I suggested originally - to do it locally a command line like linux's imagemagik like this may do it on pi etc.

convert input.jpg -fuzz 30 -fill none -draw 'color 1,1 floodfill' output.png`

basically that command take the pixel at 1.1 (top left) and assumes that is the background colour - with a fuzz of 30 so anything close is also background - and make them all transparent.
Note your original image is a jpeg that doesn't support transparency so this converts it to a png.

[Gunner]

I understood that the OP wanted the backgrounds removed (AKA whitened out as per example) not turn the background into a transparency. Isn't that two different processes, or at least one must come before the other to work effectively.

[dceejay]

True. Maybe. They never said if that was the before or after picture

[Gunner]

Ehhh, semantics I guess I tend to take an "example" as meaning the wanted result.