تقوم أداة استخراج الصور بمسح أي صفحة ويب وتقديم كل صورة في معرض قابل للتصفح. يمكنك رؤية الصور المصغرة، الأبعاد الأصلية، أحجام الملفات، وروابط المصدر لكل صورة — ثم تحديد صور فردية أو تنزيلها كلها دفعة واحدة. تكتشف الصور من علامات img، وخصائص background-image في CSS، وعناصر picture/source، وروابط data URIs المضمنة.
إن حفظ الصور من صفحة ويب واحدة تلو الأخرى — بالنقر بزر الماوس الأيمن، ثم "حفظ الصورة كـ"، واختيار المجلد، وتكرار العملية — هو أمر بطيء ومزعج عندما تحتوي الصفحة على العشرات من الصور. كما أنه يعمل فقط مع علامات img العادية. صور خلفية CSS، وعناصر الصور المتجاوبة (picture elements)، وصور بيانات URI لا يمكن حفظها بهذه الطريقة على الإطلاق. تحل أداة "استخراج الصور" هذه المشكلة عن طريق مسح DOM الخاص بالصفحة بالكامل والأنماط المحسوبة، والعثور على كل صورة بغض النظر عن كيفية تنفيذها، وتقديمها جميعًا في لوحة معرض نظيفة. تعرض كل صورة معاينة مصغرة، وأبعادها الأصلية (العرض × الارتفاع)، وتنسيق الملف، وحجم الملف التقريبي، ورابط المصدر (URL). يمكنك تحديد صور فردية لتنزيلها، أو استخدام "تنزيل الكل" لالتقاط كل شيء دفعة واحدة. يتيح لك مرشح الحجم تخطي بكسلات التتبع الصغيرة والأيقونات المفضلة (favicons) حتى لا ترى سوى الصور ذات الصلة بالمحتوى.
يتم عرض كل صورة في الصفحة في معرض شبكي مع معاينات للصور المصغرة (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 مجانًا وافتح أكثر من 39 أداة للمطورين لمتصفحك.
