How can I manipulate images using TypeScript?

How can I manipulate images using TypeScript?

You can use libraries like 'sharp' or 'jimp' for image manipulation in TypeScript. What specific manipulation do you have in mind?

I want to resize an image and change its format.

You can use 'sharp' for that. Here's a basic example:

import sharp from 'sharp';

sharp('input.jpg')
  .resize(300, 200)
  .toFile('output.png', (err, info) => {
    if (err) throw err;
    console.log(info);
  });

This will resize the image to 300x200 pixels and convert it to PNG.

Can I also add a watermark to the image?

Yes, you can add a watermark using 'sharp' as well. You would overlay the watermark image on top of your main image. Would you like an example?

Yes, please!

Here's how you can add a watermark:

sharp('input.jpg')
  .composite([{ input: 'watermark.png', gravity: 'southeast' }])
  .toFile('output_with_watermark.jpg', (err, info) => {
    if (err) throw err;
    console.log(info);
  });

This places the watermark in the bottom right corner.