In Firefox browser, one can easily download an image on a website just by right-clicking it and selecting the Save Image As… option. This in turn opens a dialog to save the image in a folder of your choosing.
While ideal for single images, this method is bound to be very time-consuming when one needs to save multiple images. Fortunately, there are some workarounds we can use to speed up the process.
The option that may come to mind for most in this situation is to find an add-on, a desktop program or a web app that’s specially built to extract images from websites.
If you don’t want to use third-party solutions like these, you can use the Page Info tool that’s built right into Firefox — not only is it quicker but also works with most websites. Here’s how to use it for this task.
Bulk Save Images using the Page Info Tool
- Visit the webpage with the images you want to download and wait until it’s done loading.
- Check that all the images you want to save have successfully been loaded. If the images on the site are lazy loaded, then scroll down the page till all of them complete loading.
- Press Ctrl + I to open the Page Info window or alternatively go to the Menu bar > Tools then select Page Info.
- In the Page Info, window switch to the Media Tab at the top. This tab contains all the media that has been loaded in the current page including images, backgrounds, icons and vectors (SVG). You can preview specific items by selecting them from the list.
- Click on the Type column to sort the media according to the file type. This makes it easier to select the formats that we need to save, in this case, images. You may also sort by Size, Count and Alternate Text by enabling these columns using the little button at the end.
- While holding down the Shift key, select the top image in the list, then scroll down and select the last image. This will select all the images between these two.
- Click the Save As button and select the folder where to save the images. That’s it!
Firefox will save all the images to the selected folder immediately since the images had already been downloaded. Nevertheless, do check the download window and confirm there are no failed downloads. If there are, you can retry the download by clicking on the restart button beside the specific image.
- On some sites there are images which may be saved without their respective file extension (e.g. png) or with an incorrect one such as HTML (.htm). In such cases, you can quickly add the extension either by using a bulk renamer such as Bulk File Rename Utility.
- Images on most websites are copyrighted unless stated otherwise. You may therefore want to confirm the website’s image use policy and/or type of license before using them in your own work or commercially. For strictly personal use, however, I don’t see the harm.
Can I Download Images this way in Chrome?
The simple answer is no, however it’s a bit more complicated than that. The closest equivalent to the Page Info tool in Chrome (and other Chromium-based browsers) is located in the Developer's Tools > Source tab.
The problem with the Sources tab however is that it doesn’t categorize the type of resources like Firefox does in the Media tab. Instead, you get a tree of the website’s structure for you to browse the directories where the images are located.
Sites typically use different structures and may load images from other domains, so this may not be an intuitive way of downloading images. Besides, the images have to be saved individually which makes this only ideal for tracking down and downloading single images (especially from those pesky sites that disable right-clicking).