Create a New Node.js ProjectĬreate a new folder for your project and go to the directory. Please check the official documentation to check your version compatibility. To use Puppeteer to download images from a website, you will need to have Node.js and npm installed.įor reference, the version of Node.js and npm we are using for this tutorial are 14.17.3 and 6.14.13 respectively. Puppeteer runs headless by default, which means you won’t see the browser running but it can be configured to run full (non-headless) Chrome or Chromium. It is very useful for automating the Chrome browser to run website tests. Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Images downloaded from the Bannerbear page using Puppeteer What is Puppeteer You can use it on any website that you want but we will be using this Bannerbear page for this tutorial:Īt the end of this tutorial, you will have images from a website downloaded to a folder: gif) from a website using an automation tool called Puppeteer. In this tutorial, we will be guiding you step-by-step on how to download images (.jpg. 😰 Fret not! We can do this by using automation and save all images from a website to a folder IN ONE GO. When you install Puppeteer, it downloads a recent version of Chromium (170MB Mac, 282MB Linux, 280MB Win) that is guaranteed to work with the API.

Imagine if you’re downloading 100+ images from a website manually, that’s a dreadful task.

That’s only true if you’re only downloading a few images. To download files with Puppteer we can either the browser's fetch feature - which will download the file into a javascript variable - or find and click the download button which will download the file to the browser's save directory: // start puppeteerĬonst browser = await puppeteer.launch() Īwait page._nd('Page.Why use Puppeteer to download images? We can just right-click and save.

Puppeteer download