Skip to content

How to Save All the Images on a Web Page in Firefox Browser

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

  1. Visit the webpage with the images you want to download and wait until it’s done loading.
  2. 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.
  3. Press Ctrl + I to open the Page Info window or alternatively go to the Menu bar > Tools then select Page Info.
  4. 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.
  5. 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.
  6. 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.
    Image of the Firefox page info window with several images selected.
  7. 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.

NOTE:

  • 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).

Tags:
Share:

2 Comments

  1. is this media option limited to a certain number of images?
    I tried it and the page has 1,100 & something images. I get 68
    you say about renaming and say either then say a bulk renamer (I presume by reading the blurb on the page it will only do this AFTER you download them) but what is the other option? you never say. plus the renamer is not going to add the .html to the media tab.

    1. Kelvin Administrator
      1. As far as I know, the number of images are not limited; it just depends on the site you’re working with. Some sites load (some or all) images not in the HTML itself but through other complex means (such as JavaScript) which may not necessarily work with this method.

      2. Bulk File Renamer is a desktop application for Windows for bulk renaming files; in this case ideal for many images that have been saved using the incorrect extension, usually *.htm or *.html.

Leave a Reply

Feel free to share your comments or questions with me. I may not be able to respond immediately so please check later once I've approved your comment.

Your email address will not be published. Required fields are marked *

Kelvin Kathia

Kelvin Kathia is a writer that's passionate about sharing solutions to everyday tech problems. He's the founder and editor of Journey Bytes, a tech blog and web design agency. Feel free to leave him comments or questions regarding this post, or by leaving him a message on the contact page. If you found his content helpful, a donation is much appreciated.