Image Download

FlowPick automatically detects images on webpages and provides intelligent filtering and batch download capabilities. Images are displayed in a dedicated tab with preview thumbnails for easy selection.

Detection Principles

Image detection uses the same webRequest API as video/audio detection:

Detection Timing:

• After extension installation, need to refresh target page before detection can begin
• Images usually load when page opens; most can be detected immediately
• Lazy-loaded images (e.g., loading when scrolling) need to trigger loading first

Supported Image Formats

Smart Filtering

When many images are detected on a page, filtering helps quickly find target resources.

File Size Filtering

Set minimum file size to filter out small icons and decorative images:

Use Cases:

• Gallery websites: Set minimum 50KB to filter out thumbnails
• Design resource sites: Set minimum 100KB to get only high-res images
• General browsing: Set minimum 10KB to remove tiny icons

Format Filtering

Select specific formats to download:

Dimension Filtering (Planned)

Future versions will support filtering by image dimensions:

• Filter out small images below certain width/height
• Only retain images larger than specified size
• Useful for collecting wallpaper-sized images

Batch Download Operations

Select Multiple Images

In FlowPick popup:

1. Each detected image has checkbox on left
2. Check images you want to download
3. Click "Download Selected" button at top
4. All selected images join download queue

Select All / Deselect All

• Click select-all checkbox at top of list to select/deselect all images
• Combine with type filter (video/audio/image) for category-based selection
• Combine with size filter to exclude small files then select all

Selection Strategies

Some tips for efficiently selecting target images:

Gallery Scenarios

Gallery websites are one of the main use cases for image download feature.

Stock Photo Sites

Sites like Unsplash, Pexels, Pixabay:

1. Open gallery or search results page
2. Scroll down to load more images (trigger lazy loading)
3. Open FlowPick, switch to Images tab
4. Set minimum size filter (e.g., 100KB) to filter thumbnails
5. Select needed images and download

Tips:

• Some sites use lazy loading; scroll to bottom of page first
• Preview images may be low-res; actual downloads are original quality
• Respect copyright and usage terms

Social Media Images

Instagram, Twitter/X, Pinterest:

1. Open profile or post page
2. Let images fully load
3. Open FlowPick to detect
4. Select and download needed images

Notes:

• Some platforms use special protection
• May need to log in to see full-size images
• Respect platform terms of service

Design Resource Sites

Dribbble, Behance, etc.:

1. Open design work detail page
2. FlowPick detects images in design works
3. Can filter by size to get high-res versions

E-commerce Product Images

Taobao, JD, Amazon, etc.:

1. Open product detail page
2. Product images will be detected
3. Can batch download product images

Best Practices

Avoid Downloading Useless Resources

Webpages often contain many unnecessary images:

Copyright & Usage Terms

When downloading images, please note:

• Copyright Protection: Most images are copyrighted
• Usage Restrictions: Some images prohibit commercial use
• Attribution Requirements: Some require attribution
• Platform Terms: Need to comply with platform terms

Recommendations:

• For personal collection/study: Generally acceptable
• For commercial use: Ensure proper licensing
• For redistribution: Need explicit permission
• Always check image's license information

File Management

Batch-downloaded images all go to browser default download folder:

1. Plan ahead: Clean up download folder before downloading, easier to organize later
2. Use filters: Filter by size/format to exclude unwanted images
3. Batch operations: When there are many resources, categorize and download in batches

Disk Space Planning

Estimate space needed before downloading:

Troubleshooting

Images Not Detected

Downloaded Image Is Low Quality

Some sites provide different quality versions:

• Thumbnail vs original: Detection may pick up thumbnail
• CDN multi-version: URL parameters control quality
• Lazy loading: May load low-res version first

Solutions:

• Try opening image in new tab to get full-quality version
• Modify URL parameters to request higher quality
• Some sites need to click "View Original" first

Cannot Find Wanted Image

Related Documentation

• Video Sniffing — Video detection principles (similar mechanism)
• Audio Capture — Audio detection and download
• Batch Download — Multi-resource batch operations
• Format Conversion — Format conversion technical details
• Usage Guide — Basic operation steps
• Configuration Reference — Filter settings and options
• Privacy & Security — Network monitoring privacy notes
• Common Issues Troubleshooting — Diagnostic methods
• Known Limitations — Technical limitations