Preview/Save all images on a webpage inside Firefox

Friday, July 11, 2008

You might want to save pictures that you find on web pages, but are not able to do it directly by using Right click -> Save As

Reasons for this might be
  • Images are Background images with transparent images overlaid to prevent copying.
  • Usage of JavaScript to block the right click. (Find out how)
  • Complex CSS usage to clutter a lot of images over each other.
  • It behaves like a link, and doesn't show the "Save Image As" option.
  • You just don't know how to right click !
and so on....

Now Firefox gives you an easy solution to save any image you find on a web page.
Just go to Tools -> Page Info -> Media and you will find all the images listed on the top.

When you select an image you can see the preview of it in the bottom panel. Now just select the necessary image and click Save As. One advantage of this method is that you get to select and save even hidden images like the loading animation GIF etc. Moreover the properties (resolution, name, size etc.) of each image are display in the middle as you select them.

Click the image on the top right for screenshot.

Rahul has written about another easy method to save background images in a page @ Devil's Workshop.
Under
  1. Or another best way is to just save the complete web page in the computer

    adn then you will find a folder with all the images inside it.

Post a Comment