Image Processing
Work with images in Node.js: Canvas, image manipulation, optimization, and data URIs.

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


Working with images is a common requirement in Node.js applications. Whether you need to generate images programmatically, resize them, optimize them for the web, or convert between formats, Node.js has you covered.

In this section you’ll learn how to manipulate images using Canvas, download and process images, convert images to data URIs, and optimize images for production.

Lessons in this unit:

0: ▶︎ Introduction
1: How to create and save an image with Node.js and Canvas
2: How to download an image from URL in Node
3: How to download and save an image using Node.js
4: How to get an image width and height using Node
5: How to turn an image into a data URI string
6: How to download an image using Node.js
7: How to print a canvas to a data URL
8: Optimize images from a Node.js script
9: Calling the ImageOptim macOS app from a Node.js script