Trích xuất hình ảnh quét bất kỳ trang web nào và hiển thị mọi hình ảnh trong thư viện có thể duyệt.
Lưu từng hình ảnh trên trang web một cách thủ công — chuột phải, chọn "Save Image As", chọn thư mục, lặp lại — là việc cực kỳ chậm khi một trang có hàng chục hình ảnh. Và cách này chỉ hoạt động với thẻ img thông thường. Hình nền CSS, phần tử picture responsive, và hình ảnh dạng data URI hoàn toàn không thể lưu theo cách này. Extract Images giải quyết vấn đề bằng cách quét toàn bộ DOM và các style đã tính toán của trang, tìm ra mọi hình ảnh bất kể chúng được triển khai theo cách nào.
Mỗi hình ảnh hiển thị ảnh thumbnail xem trước, kích thước gốc (chiều rộng × chiều cao), định dạng file, dung lượng file ước tính, và URL nguồn. Bạn có thể chọn từng ảnh riêng lẻ để tải xuống, hoặc dùng "Download All" để tải toàn bộ cùng lúc. Bộ lọc kích thước giúp bạn bỏ qua các pixel theo dõi nhỏ xíu và favicon để chỉ thấy những hình ảnh thực sự liên quan đến nội dung.
Hình ảnh lazy-load được phát hiện ngay cả trước khi chúng được tải — công cụ đọc các thuộc tính lazy-load phổ biến (data-src, data-srcset, loading="lazy") bên cạnh thuộc tính src đã phân giải, nhờ vậy các hình ảnh nằm sâu bên dưới một trang dài vẫn xuất hiện trong gallery mà bạn không cần phải cuộn qua chúng trước. Các định dạng hiện đại như WebP và AVIF được nhận diện và gắn nhãn chính xác thay vì bị gộp chung thành loại 'image' chung chung, điều này rất quan trọng khi bạn đang tìm kiếm một file PNG hay SVG cụ thể giữa một trang đầy các asset WebP đã được tối ưu hóa.
Every image on the page is displayed in a grid gallery with thumbnail previews. See 8, 20, or 100+ images at a glance — scroll through to find exactly what you need. Each thumbnail is large enough to identify the image content.
Each image shows its original dimensions (e.g., 1920×1080), file format (PNG, JPG, WebP, SVG), approximate file size (e.g., 245 KB), and the source URL or CSS property it came from. No guessing about image quality or size.
Set a minimum dimension threshold (e.g., 100×100) to filter out tiny images like tracking pixels, spacer GIFs, and favicons. Focus on the content images that actually matter.
Click individual images to select them (shown with a purple checkmark), then download just the selected ones. Or click "Download All" to save every image on the page to your device in one action.
Finds images from all sources: standard img tags, CSS background-image properties, picture/source responsive elements, inline SVGs rendered as images, and data URI encoded images. Nothing is missed.
A status bar shows how many images are selected and the total file size of the selection. Know exactly how much you're about to download before hitting the download button.
Need all product images from a catalog page? Extract Images finds and downloads them all at once — including responsive variants and CSS background hero images that you can't right-click-save.
Building a mood board or collecting visual references from design inspiration sites? Browse the image gallery, select the ones you want, and download them in one batch instead of saving one by one.
Review all images on your page to check for oversized files, missing WebP alternatives, or unused background images. The dimensions and file sizes help identify images that need optimization.
Saving a page for offline reference? Extract all images so you have the complete visual content alongside the HTML. Useful for archiving documentation, design references, or pages that might change or go offline.
Many modern sites use CSS background-image for hero sections, card backgrounds, and decorative elements. These images can't be saved via right-click. Extract Images detects and downloads them alongside regular img elements.
Open the DevSuite Pro floating dock and click the Extract Images icon. The tool scans the page DOM and computed styles to find every image.
A gallery panel displays all found images as a thumbnail grid. Each image shows its filename, dimensions, and file size. Scroll through to browse all images on the page.
Use the minimum size filter to hide small images like icons and tracking pixels. Set to 100×100 to show only content-relevant images.
Click individual images to select them — a purple checkmark appears. The status bar updates with the count and total size of your selection.
Click "Download Selected" to save your chosen images, or "Download All" to grab every image on the page. Files are saved to your device's downloads folder.
Cài đặt DevSuite Pro miễn phí và mở khóa hơn 64 công cụ dành cho nhà phát triển cho trình duyệt của bạn.
