Bookmarklet to Download All Images from Any Page

Extract and download every image from a webpage instantly. Perfect for saving galleries, product photos, and image collections.

🖼️ Install Image Downloader

Drag this button to your bookmarks bar to start downloading images:

How It Works

  1. 1. Scans the page for all image elements
  2. 2. Filters small images (icons, spacers) keeping only images larger than 100px
  3. 3. Opens a gallery view in a new window with all found images
  4. 4. Download individually by clicking images or all at once

Features

🎯 Smart Detection

  • • Finds all <img> tags on the page
  • • Includes lazy-loaded images
  • • Filters out tiny icons and spacers
  • • Removes duplicate URLs

📁 Flexible Downloads

  • • Preview all images in a grid
  • • Download images individually
  • • Bulk download option
  • • Original quality preserved

🌐 Universal Support

  • • Works on any website
  • • No permissions needed
  • • Cross-browser compatible
  • • No software installation

⚡ Performance

  • • Instant image extraction
  • • Handles hundreds of images
  • • Memory efficient
  • • No server processing

Perfect Use Cases

🛍️ E-commerce Research

Save product images from online stores for comparison shopping, mood boards, or competitive analysis.

🎨 Design Inspiration

Collect images from portfolios, galleries, and design sites for inspiration boards and reference.

📸 Photo Galleries

Download entire photo galleries, Instagram posts, or photography portfolios with one click.

📚 Educational Content

Save diagrams, infographics, and educational images from articles and tutorials for offline study.

Advanced Variations

Download Background Images Too

This version also extracts CSS background images:

javascript:(function(){
  const images = [];
  
  // Get regular images
  document.querySelectorAll('img').forEach(img => {
    if(img.src && img.naturalWidth > 100) images.push(img.src);
  });
  
  // Get background images
  document.querySelectorAll('*').forEach(el => {
    const bg = getComputedStyle(el).backgroundImage;
    const match = bg.match(/url\(["']?(.+?)["']?\)/);
    if(match) images.push(match[1]);
  });
  
  const unique = [...new Set(images)];
  console.log(`Found ${unique.length} images including backgrounds`);
  // ... rest of the code
})();
Filter by Image Size

Only download large, high-quality images:

javascript:(function(){
  const minWidth = prompt('Minimum width (pixels):', '500') || 500;
  const images = Array.from(document.querySelectorAll('img'))
    .filter(img => img.naturalWidth >= minWidth)
    .map(img => ({
      src: img.src,
      width: img.naturalWidth,
      height: img.naturalHeight
    }));
  
  console.log(`Found ${images.length} images >= ${minWidth}px wide`);
  // Display with dimensions info
})();
Extract Image URLs to Clipboard

Copy all image URLs instead of downloading:

javascript:(function(){
  const images = Array.from(document.querySelectorAll('img'))
    .filter(img => img.src && img.naturalWidth > 100)
    .map(img => img.src);
  
  const text = images.join('\n');
  navigator.clipboard.writeText(text).then(() => {
    alert(`Copied ${images.length} image URLs to clipboard!`);
  });
})();

Important Notes

⚠️ Usage Guidelines

  • • Respect copyright - only download images you have rights to use
  • • Some sites protect images with authentication or CORS policies
  • • Browser may block multiple simultaneous downloads - allow popups
  • • Large galleries may take time to process
  • • Check image licenses before using commercially

Frequently Asked Questions

Why are some images missing?

Some images might be loaded dynamically via JavaScript, protected by authentication, or served from a different domain with CORS restrictions. The bookmarklet can only access images visible in the DOM.

Can I download images from Instagram or Facebook?

Limited support due to their dynamic loading and protection mechanisms. Works better on standard websites and blogs. For social media, consider their official download options.

How do I save images with original filenames?

The browser determines filenames. For custom names, download individually and rename, or use our generator to create a custom version.

Build Your Custom Image Extractor

Need specific filters, formats, or naming conventions? Create your own version!