← بازگشت به ویژگی‌ها
Free

استخراج تصاویر

استخراج تصاویر هر صفحه وب را اسکن کرده و هر تصویر را در یک گالری قابل مرور ارائه می‌دهد. thumbnail، ابعاد اصلی، اندازه فایل و URL منبع برای هر تصویر ببینید — سپس تصاویر جداگانه را انتخاب کنید یا همه را یک‌جا دانلود کنید.

ذخیره تصاویر یک صفحه وب یکی‌یکی — کلیک راست، «Save Image As»، انتخاب پوشه، تکرار — وقتی صفحه‌ای ده‌ها تصویر داشته باشد به‌طرز دردناکی کند است. و این روش فقط برای تگ‌های img معمولی کار می‌کند. تصاویر پس‌زمینه CSS، عناصر picture واکنش‌گرا و تصاویر data URI اصلاً به این روش قابل ذخیره نیستند. ابزار Extract Images این مشکل را با اسکن کل DOM صفحه و استایل‌های محاسبه‌شده حل می‌کند و هر تصویری را، فارغ از نحوه پیاده‌سازی‌اش، پیدا می‌کند.

هر تصویر با یک پیش‌نمایش تصویر کوچک (thumbnail)، ابعاد اصلی (عرض × ارتفاع)، فرمت فایل، حجم تقریبی فایل و آدرس منبع نمایش داده می‌شود. می‌توانید تصاویر را تکی برای دانلود انتخاب کنید یا از «Download All» برای گرفتن همه آن‌ها یک‌جا استفاده کنید. یک فیلتر اندازه هم به شما امکان می‌دهد پیکسل‌های ردیابی (tracking pixel) و فاویکون‌های کوچک را نادیده بگیرید تا فقط تصاویر مرتبط با محتوا را ببینید.

تصاویر با بارگذاری تنبل (lazy-loaded) حتی پیش از بارگذاری‌شان شناسایی می‌شوند — این ابزار علاوه بر src نهایی، ویژگی‌های رایج lazy-load (مانند data-src، data-srcset و loading="lazy") را نیز می‌خواند، بنابراین تصاویر پایین‌تر یک صفحه طولانی، بدون نیاز به اسکرول کردن شما، در گالری ظاهر می‌شوند. فرمت‌های مدرن مانند WebP و AVIF نیز شناسایی و به‌درستی برچسب‌گذاری می‌شوند، نه اینکه همگی زیر یک نوع عمومی «image» قرار بگیرند — موضوعی که وقتی به‌طور خاص دنبال یک PNG یا SVG در میان انبوهی از تصاویر بهینه‌شده WebP هستید اهمیت پیدا می‌کند.

پیش‌نمایش زنده
example.com/portfolio
12 تصویر یافت شده | حداقل حجم: 100 × 100 دانلود همه
hero-banner.jpg
1920 × 1080 · 245 KB
product-shot.png
800 × 600 · 128 KB
team-photo.jpg
640 × 480 · 89 KB
logo-dark.svg
200 × 60 · 4 KB
feature-1.png
400 × 300 · 67 KB
bg-pattern.png
1200 × 800 · 156 KB
icon-set.svg
48 × 48 · 2 KB
avatar-default.jpg
150 × 150 · 12 KB
2 انتخاب شده · کل: 373 KB دانلود موارد انتخاب شده
ویژگی‌های کلیدی

گالری تصاویر کامل

هر تصویر در صفحه در یک گالری grid با thumbnail پیش‌نمایش نمایش داده می‌شود. 8، 20 یا 100+ تصویر را در یک نگاه ببینید.

Metadata برای هر تصویر

هر تصویر ابعاد اصلی (مثلاً 1920×1080)، فرمت فایل (PNG، JPG، WebP، SVG)، اندازه تقریبی فایل و URL منبع را نشان می‌دهد.

فیلتر حداقل اندازه

یک آستانه ابعاد حداقل (مثلاً 100×100) تنظیم کنید تا تصاویر کوچک مثل tracking pixels، spacer GIFها و favicon ها فیلتر شوند.

انتخاب و دانلود انبوه

روی تصاویر جداگانه کلیک کنید تا انتخاب شوند (با checkmark بنفش نشان داده می‌شود)، سپس فقط انتخاب‌شده‌ها را دانلود کنید. یا «دانلود همه» را کلیک کنید.

شناسایی چند منبع

تصاویر از همه منابع پیدا می‌کند: تگ‌های img استاندارد، ویژگی‌های CSS background-image، عناصر picture/source واکنش‌گرا، SVG های inline و تصاویر data URI.

شمارنده انتخاب و مجموع اندازه

یک نوار وضعیت نشان می‌دهد چند تصویر انتخاب شده و مجموع اندازه فایل انتخاب چقدر است.

موارد استفاده رایج

ذخیره تصاویر محصول از سایت‌های فروشگاهی

به همه تصاویر محصول از یک صفحه کاتالوگ نیاز دارید؟ استخراج تصاویر همه را یک‌جا پیدا و دانلود می‌کند — شامل واریانت‌های واکنش‌گرا و تصاویر hero CSS.

جمع‌آوری تصاویر مرجع طراحی

در حال ساخت mood board یا جمع‌آوری مراجع بصری؟ گالری تصاویر را مرور کنید، آنچه می‌خواهید را انتخاب و در یک دسته دانلود کنید.

ممیزی assets تصویری در سایت خود

همه تصاویر صفحه را بررسی کنید تا فایل‌های بیش از حد بزرگ، جایگزین‌های WebP مفقود یا تصاویر پس‌زمینه استفاده‌نشده را شناسایی کنید.

آرشیو محتوای وب

صفحه را برای مرجع آفلاین ذخیره می‌کنید؟ همه تصاویر را استخراج کنید تا محتوای بصری کامل را کنار HTML داشته باشید.

یافتن تصاویر پس‌زمینه پنهان

بسیاری از سایت‌های مدرن از CSS background-image برای بخش‌های hero، پس‌زمینه کارت‌ها و عناصر تزئینی استفاده می‌کنند. این تصاویر را نمی‌توان با راست‌کلیک ذخیره کرد.

نحوه استفاده
1

فعال‌سازی استخراج تصاویر

داک شناور DevSuite Pro را باز کنید و روی آیکون استخراج تصاویر کلیک کنید. ابزار DOM صفحه و استایل‌های محاسبه‌شده را اسکن می‌کند.

2

مرور گالری تصاویر

یک پانل گالری همه تصاویر یافته‌شده را به عنوان یک grid thumbnail نمایش می‌دهد. هر تصویر نام فایل، ابعاد و اندازه فایل را نشان می‌دهد.

3

فیلتر بر اساس اندازه (اختیاری)

از فیلتر حداقل اندازه استفاده کنید تا تصاویر کوچک مثل آیکون‌ها و tracking pixels را پنهان کنید.

4

انتخاب تصاویر

روی تصاویر جداگانه کلیک کنید تا انتخاب شوند — یک checkmark بنفش ظاهر می‌شود. نوار وضعیت با تعداد و اندازه کل انتخاب به‌روزرسانی می‌شود.

5

دانلود

«دانلود انتخاب‌شده» را کلیک کنید تا تصاویر انتخابی ذخیره شوند، یا «دانلود همه» برای دریافت همه تصاویر صفحه.

آماده برای امتحان کردن هستید؟

DevSuite Pro را به صورت رایگان نصب کنید و بیش از ۶۴ ابزار توسعه را برای مرورگر خود باز کنید.

افزودن به Chrome افزودن به Edge افزودن به FireFox