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

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

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

ذخیره تصاویر از یک صفحه وب یک به یک — راست‌کلیک، «ذخیره تصویر»، انتخاب پوشه، تکرار — زمانی که صفحه ده‌ها تصویر دارد، بسیار کند است. استخراج تصاویر با اسکن کل DOM صفحه و استایل‌های محاسبه‌شده این را حل می‌کند. هر تصویر صرف نظر از نحوه پیاده‌سازی آن پیدا می‌شود.

پیش‌نمایش زنده
example.com/portfolio
12 images found | Min size: 100 × 100 Download All
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 selected · Total: 373 KB Download Selected
ویژگی‌های کلیدی

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

هر تصویر در صفحه در یک گالری 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