✨ Features
🔍 Extract All Images
Automatically finds all images on the current webpage
👁️ Visual Grid View
Beautiful responsive grid layout with image previews
📋 Copy Image URLs
Click any image to instantly copy its URL to clipboard
📊 Image Details
View image dimensions and other metadata
🔗 Direct Links
Open images in new tabs with one click
🎨 Modern UI
Clean, intuitive interface with smooth animations
📦 Installation
Manual Installation (Developer Mode)
1
Download the Extension
Download the ZIP file:
images-extractor.zip
Extract the ZIP file to a folder on your computer
2
Open Chrome Extensions Page
Open Chrome and navigate to chrome://extensions/
Or go to: Menu (⋮) → Extensions → Manage Extensions
3
Enable Developer Mode
Toggle the "Developer mode" switch in the top-right
corner
4
Load the Extension
Click "Load unpacked" button
Select the folder where you extracted the extension files
The extension will be installed and appear in your extensions list
5
Pin the Extension (Optional but Recommended)
Click the Extensions icon (puzzle piece) in your
toolbar
Find "Images Extractor" and click the
pin icon 📌
This keeps the extension icon visible in your toolbar
🚀 How to Use
Basic Usage
- Navigate to any webpage that contains images
-
Click the Images Extractor icon in your Chrome
toolbar
-
View all images displayed in a beautiful grid
layout
-
Click any image preview to copy its URL to your
clipboard
-
Click the image URL link to open the full image in
a new tab
Step-by-Step Guide
1
Open the Extension
Click the Images Extractor icon (🖼️) in your Chrome
toolbar
The popup will open showing all images from the current page
2
Browse Images
Images are displayed in a responsive grid layout
Each image shows: preview thumbnail, image number, dimensions, and
clickable URL
3
Copy Image URL
Click on any image preview to copy its URL to your
clipboard
You'll see a confirmation message: "✓ URL copied!"
4
Open Full Image
Click the image URL link below any image
The full-size image will open in a new browser tab
5
Refresh Images
Click the "Refresh" button to re-extract images from
the page
Useful if the page content has changed or images have loaded
dynamically
🎯 Use Cases
For Designers
- Quickly extract images from design inspiration websites
- Collect image URLs for mood boards
- Access high-resolution images from portfolios
For Developers
- Debug image loading issues
- Extract image URLs for documentation
- Analyze image dimensions and formats
For Content Creators
- Find and save images for blog posts
- Extract images from articles
- Collect visual assets for projects
For Researchers
- Document images from research pages
- Extract image sources for citations
- Analyze visual content on websites
❓ Frequently Asked Questions
Q: Why don't I see all images from a page?
A: The extension only shows images with HTTP/HTTPS
URLs. Data URIs, blob URLs, and base64-encoded images are excluded for
better usability.
Q: Can I download images directly?
A: Currently, the extension copies image URLs. You
can open images in new tabs and download them from there, or use the
URL with a download manager.
Q: Does the extension work on all websites?
A: The extension works on most websites. Some pages
with special security restrictions (like chrome:// pages)
cannot be accessed.
Q: Is my data collected or stored?
A: No! The extension runs entirely locally in your
browser. No data is collected, stored, or transmitted to any server.
Q: Why is the extension not showing images?
A: Make sure you're on a regular webpage (not a
Chrome internal page). Try clicking the refresh button, or reload the
webpage first.
🔧 Technical Details
Supported Image Types
- ✅ HTTP/HTTPS image URLs
- ✅ Images from
<img> tags
- ✅ CSS background images
- ❌ Data URIs (base64 encoded images)
- ❌ Blob URLs
Permissions
The extension requires minimal permissions:
-
activeTab - To access the current
tab's content
-
scripting - To extract images from the
page
Browser Compatibility
- ✅ Chrome (latest version)
- ✅ Edge (Chromium-based)
- ✅ Other Chromium-based browsers