تقوم أداة استخراج الصور بمسح أي صفحة ويب وتقديم كل صورة في معرض قابل للتصفح. يمكنك رؤية الصور المصغرة، الأبعاد الأصلية، أحجام الملفات، وروابط المصدر لكل صورة — ثم تحديد صور فردية أو تنزيلها كلها دفعة واحدة. تكتشف الصور من علامات img، وخصائص background-image في CSS، وعناصر picture/source، وروابط data URIs المضمنة.
حفظ الصور من صفحة ويب واحدة تلو الأخرى - نقر بزر الماوس الأيمن، ثم "حفظ الصورة باسم"، ثم اختيار المجلد، وتكرار العملية - أمر بطيء ومرهق للغاية عندما تحتوي الصفحة على عشرات الصور. كما أن هذه الطريقة تعمل فقط مع عناصر img العادية. أما صور الخلفية في CSS، وعناصر picture سريعة الاستجابة، وصور data URI فلا يمكن حفظها بهذه الطريقة إطلاقًا. تحل أداة Extract Images هذه المشكلة عبر فحص شجرة DOM بأكملها والأنماط المحسوبة، والعثور على كل صورة بغض النظر عن طريقة تنفيذها.
تعرض كل صورة معاينة مصغرة، وأبعادها الأصلية (العرض × الارتفاع)، وتنسيق الملف، وحجمه التقريبي، ورابط المصدر. يمكنك تحديد صور معينة لتنزيلها، أو استخدام خيار "تنزيل الكل" للحصول على كل شيء دفعة واحدة. كما يتيح لك مرشّح الحجم تجاوز وحدات البكسل الصغيرة للتتبع والأيقونات المفضلة (Favicons) بحيث ترى فقط الصور ذات الصلة بالمحتوى.
يتم اكتشاف الصور ذات التحميل الكسول (Lazy-loaded) حتى قبل تحميلها فعليًا - إذ تقرأ الأداة سمات التحميل الكسول الشائعة (data-src وdata-srcset وloading="lazy") بالإضافة إلى قيمة src النهائية، لذا تظهر الصور الموجودة في أسفل صفحة طويلة في المعرض دون الحاجة للتمرير إليها أولاً. كما يتم التعرف على الصيغ الحديثة مثل WebP وAVIF وتصنيفها بدقة بدلاً من تجميعها جميعًا تحت نوع "صورة" عام، وهو أمر مهم عندما تبحث تحديدًا عن صورة PNG أو SVG وسط صفحة مليئة بأصول WebP محسّنة.
يتم عرض كل صورة في الصفحة في معرض شبكي مع معاينات للصور المصغرة (thumbnails). شاهد 8، 20، أو 100+ صورة بلمحة واحدة — قم بالتمرير للعثور بالضبط على ما تحتاجه. كل صورة مصغرة كبيرة بما يكفي لتحديد محتوى الصورة.
تعرض كل صورة أبعادها الأصلية (مثل 1080×1920)، تنسيق الملف (PNG, JPG, WebP, SVG)، حجم الملف التقريبي (مثل 245 KB)، وعنوان رابط المصدر (URL) أو خاصية CSS التي جاءت منها. لا مزيد من التخمين حول جودة أو حجم الصورة.
قم بتعيين حد أدنى للأبعاد (مثل 100×100) لتصفية الصور الصغيرة مثل بكسلات التتبع (tracking pixels)، و صور GIF الفاصلة، والأيقونات. للتركيز على الصور المحتواة التي تهمك حقاً.
انقر على صور فردية لتحديدها (تظهر بعلامة صح أرجوانية)، ثم قم بتنزيل الصور المحددة فقط. أو انقر على "تنزيل الكل" لحفظ كل صورة بالصفحة إلى جهازك في خطوة واحدة.
تعثر على الصور من جميع المصادر: علامات img القياسية، وخصائص background-image في CSS، والعناصر المتجاوبة picture/source، و SVGs المضمنة المعروضة كصور، والصور المشفرة كـ data URI. لن يفوتك أي شيء.
يوضح شريط الحالة عدد الصور المحددة والحجم الإجمالي لملفات الاختيار. لتعرف بالضبط مقدار الحجم الذي توشك على تنزيله قبل الضغط على زر التنزيل.
هل تحتاج إلى كل صور المنتجات من صفحة الكتالوج؟ تجدها أداة استخراج الصور وتحملها كلها دفعة واحدة — بما فيها الأنماط المتجاوبة (responsive variants) وصور CSS الخلفية للأبطال (hero images) التي لا يمكن حفظها عبر النقر بالزر الأيمن.
هل تبني لوحة إلهام (mood board) أو تجمع مراجع بصرية من مواقع الإلهام التصميمي؟ تصفح معرض الصور، واختر ما تريد، وقم بتنزيلها كحزمة بدلاً من حفظها واحدة تلو الأخرى.
راجع كل الصور بمنصتك لاكتشاف الملفات كبيرة الحجم، أو بدائل WebP المفقودة، أو صور الخلفية غير المستخدمة. تُساعد الأبعاد وأحجام الملفات بمعرفة الصور التي قد تحتاج لعمليات تحسين (optimization).
هل تحفظ صفحة كمرجع دون اتصال؟ استخرج كل الصور لتحصل على المحتوى البصري الكامل بجانب الـ HTML. هذه الميزة مفيدة في أرشفة الوثائق، مراجع التصاميم، أو الصفحات التي قد تتغير أو ينقطع اتصالها.
العديد من المواقع الحديثة تستخدم خلفيات CSS-image بقوائم الأبطال (hero sections)، وخلفيات البطاقات (cards)، والعناصر التزيينية. لا يمكن حفظ تلك الصور عن طريق النقر بالزر الأيمن، ولكن استخراج الصور يكتشفها ويقوم بتنزيلها إلى جانب العناصر العادية.
افتح اللوحة العائمة لـ DevSuite Pro وانقر فوق أيقونة استخراج الصور. تفحص الأداة الـ DOM الخاص بالصفحة والأنماط المحسوبة للعثور على كل صورة.
تعرض لوحة المعرض جميع الصور المستخرجة على شكل شبكة صور مصغرة. تُظهر كل صورة اسم ملفها وأبعادها وحجمها. مرر خلال الصفحة لاستعراض جميع الصور.
استخدم مرشح الحجم الأدنى لإخفاء الصور الصغيرة مثل الأيقونات وبكسلات التتبع (tracking pixels). اضبطه على 100×100 لإظهار الصور ذات الصلة بالمحتوى فقط.
انقر على الصور الفردية لتحديدها — ستظهر علامة اختيار أرجوانية. يتم تحديث شريط الحالة ليعكس العدد المعين والحجم الإجمالي لتحديداتك.
انقر على "تنزيل المحددة" لحفظ الصور التي اخترتها، أو "تنزيل الكل" للحصول على كل الصور الموجودة بالصفحة. يتم حفظ الملفات بمجلد التنزيلات بجهازك.
قم بتثبيت DevSuite Pro مجانًا وافتح أكثر من 64 أداة للمطورين لمتصفحك.
