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. Scans the page for all image elements
- 2. Filters small images (icons, spacers) keeping only images larger than 100px
- 3. Opens a gallery view in a new window with all found images
- 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.
More Extraction Tools
Build Your Custom Image Extractor
Need specific filters, formats, or naming conventions? Create your own version!