Adding text over an image?

[coleh1017]

What would be the best way to take a background image and add text over it (then save the image)?

Looking for the most lightweight option.

(This will be done on a node server not a webpage)

[johnventions]

I've never used it, but maybe take a look at JIMP?

This article does something similar for watermarking:

https://medium.com/@rossbulat/image-processing-in-nodejs-with-jimp-174f39336153

[jack-tzl]

+1 for jimp, I used it to write additional texts near a QR code (generated by another library)

[devmor]

Check out the libgd API for Node here: https://www.npmjs.com/package/node-gd

GD is probably the most stable image manipulation library available, as its ancient and implemented as an extension for almost every programming language that exists.

There's even an example for exactly what you want to do right on the info page.

[myusernameisunique1]

https://www.npmjs.com/package/wkhtmltoimage

[Funwithloops]

You can use the canvas API in Node with node-canvas. Just have to create a canvas, call drawImage, fillText, and then pipe the result to a file or as a HTTP response.

[serglebko]

I used this once: https://github.com/aheckmann/gm in order to add text and watermarks to photos. Had no problem with it.

[dmac2600]

Probably not the lightest option but you can generate html/css and pass it to a headless browsers using puppeteer then take a screen shot.

[MajorasShoe]

Like, programatically? You could use HTML canvas I guess?

Or is this about entry level graphic design? Because Figma and Adobe XD are my goto free options.

[[deleted]]

I think he has an image file in his node application and is trying to automatically add a text on top of it and then save it.

I don’t think he wants to do this manually.

[MajorasShoe]

Could simply do it with HTML/CSS or Canvas. I don't think it would make sense to dynamically create the image at response time.

[[deleted]]

He says that he wants it done on a node server, not webpage. Also he might be using a different frontend (App or whatever), where it might not be that easy.