Skip to content

Shirolin/Imaget

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

133 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Imaget Icon

Imaget

Intelligent Image Sniffer & Batch Downloader for the Modern Web

English | 简体中文 | 日本語

License Platform React 19 Mantine v8 i18n Support


🚀 Overview

Imaget is a professional-grade browser extension designed to capture web image assets with precision and ease. Whether you are a designer collecting inspiration or a researcher organizing data, Imaget provides an industrial-strength toolkit to sniff, filter, convert, and download images in bulk.

Built with React 19 and Mantine v8, it features a sophisticated UI isolated within a Shadow DOM, ensuring perfect rendering on any website without style conflicts.


📸 Preview

Main Interface

Main Interface

Settings Page

Settings Page

Floating Button Quick Download

Quick Download


✨ Key Features

🔍 Industrial Sniffing Engine

  • Shadow DOM Penetration: Traverses deep into complex web components to find hidden assets.
  • Site-Specific Adapters: Includes built-in logic for Pixiv, Twitter (X), Weibo, Reddit, and Telegram to map detected thumbnails to original high-resolution sources.
  • Dynamic Resource Detection: Identifies <img>, srcset, CSS background-image, and inline SVGs.
  • Advanced Metadata: Real-time calculation of dimensions and file sizes before downloading.

🛠️ Professional Filtering & Search

  • Multi-dimensional Filters: Instantly filter by Minimum Resolution, Aspect Ratio (Square, Landscape, Portrait), and File Format.
  • Smart Search: Keyword-based search and filtering for URLs and filenames.

⚡ Streamlined Workflow

  • Integrated Side Panel: Utilizes the Chrome Side Panel API for a persistent workspace that doesn't obscure webpage content.
  • Context Menu Support: Quick-save any image as JPG, WebP, or PNG via the right-click menu, or launch the side panel instantly.
  • Batch Operations: One-click selection with Shift+Click support for range selection.
  • On-the-fly Conversion: Auto-convert images to WebP or JPG with adjustable quality.

🌍 Global & Accessible

  • Native Localization: Fully localized in 10 languages (EN, ZH, JA, KO, DE, FR, ES, PT, TR).
  • Privacy Centric: 100% local processing. No data collection, no cloud uploads.

🛠️ Tech Stack

  • Framework: React 19 + TypeScript
  • Design System: Mantine v8 (Full Dark Mode)
  • Architecture: Shadow DOM for zero-collision styling.
  • Build Tool: Vite
  • Automation: GitHub Actions for automated release and documentation sync.

📦 Getting Started

Development

# 1. Clone the repository
git clone https://github.com/Shirolin/Imaget.git
cd New-Imaget

# 2. Install dependencies
npm install

# 3. Start dev server with Test Page
npm run dev

# 4. Access the Sandbox
# Open http://localhost:5173/ to view the Photography Gallery test page.

Build & Release

  • npm run build: Production build with automatic manifest version syncing.
  • npm run release: Semantic versioning via bumpp and local build trigger.
  • CI/CD: Push tags starting with v* to trigger the automated GitHub Release Workflow.

🤝 Support & Contribution

If you find Imaget helpful, consider supporting the developer:

Contributions are welcome! Please feel free to submit a Pull Request.


📄 License

Licensed under the GPL-3.0 License © 2026 shirolin.