Extract Images যেকোনো ওয়েবপেজ স্ক্যান করে এবং প্রতিটি ছবি একটি ব্রাউজযোগ্য গ্যালারিতে উপস্থাপন করে। প্রতিটি ছবির থাম্বনেইল, মূল মাত্রা (dimensions), ফাইলের সাইজ এবং সোর্স URL দেখুন — তারপর আলাদা আলাদা ছবি সিলেক্ট করুন অথবা একবারে সব ডাউনলোড করুন। এটি img ট্যাগ, CSS background-image প্রপার্টি, picture/source এলিমেন্ট এবং ইনলাইন ডেটা URI থেকে ছবি শনাক্ত করে।
একটি ওয়েবপেজ থেকে একে একে ছবি সেভ করা — রাইট-ক্লিক, "Save Image As", ফোল্ডার বেছে নেওয়া এবং বারবার এই প্রক্রিয়ার পুনরাবৃত্তি করা — যখন একটি পেজে ডজন ডজন ছবি থাকে তখন এটি অত্যন্ত ধীরগতির কাজ। এবং এটি শুধুমাত্র সাধারণ img ট্যাগের ক্ষেত্রেই কাজ করে। CSS ব্যাকগ্রাউন্ড ইমেজ, রেসপন্সিভ পিকচার এলিমেন্ট এবং ডেটা URI ইমেজগুলো এই পদ্ধতিতে একেবারেই সেভ করা যায় না। Extract Images সম্পূর্ণ পেজের DOM এবং কম্পিউটেড স্টাইলগুলো স্ক্যান করার মাধ্যমে এই সমস্যার সমাধান করে। এটি যেকোনো পদ্ধতিতেই ইমপ্লিমেন্ট করা প্রতিটি ছবি খুঁজে বের করে এবং একটি পরিষ্কার গ্যালারি প্যানেলে সেগুলো উপস্থাপন করে। প্রতিটি ছবিতে একটি থাম্বনেইল প্রিভিউ, এর মূল মাত্রা (উইডথ × হাইট), ফাইল ফরম্যাট, আনুমানিক ফাইলের সাইজ এবং সোর্স URL দেখানো হয়। আপনি পছন্দমতো আলাদা আলাদা ছবি ডাউনলোড করতে পারেন অথবা একবারে সব কিছু সংরক্ষণ করতে "Download All" ব্যবহার করতে পারেন। একটি সাইজ ফিল্টার আপনাকে ছোট ট্র্যাকিং পিক্সেল এবং ফেভিকনগুলো বাদ দিতে সহায়তা করে যাতে আপনি কেবল কন্টেন্ট-সম্পর্কিত ছবিগুলোই দেখতে পান।
পেজের প্রতিটি ছবি থাম্বনেইল প্রিভিউ সহ একটি গ্রিড গ্যালারিতে প্রদর্শিত হয়। এক নজরে ৮, ২০ বা ১০০টিরও বেশি ছবি দেখুন — আপনার যা প্রয়োজন তা খুঁজে পেতে স্ক্রল করুন। প্রতিটি থাম্বনেইল ছবির বিষয়বস্তু চেনার জন্য যথেষ্ট বড়।
প্রতিটি ছবি তার মূল মাত্রা (যেমন, ১৯২০×১০৮০), ফাইল ফরম্যাট (PNG, JPG, WebP, SVG), আনুমানিক ফাইলের সাইজ (যেমন, ২৪৫ KB) এবং কোন সোর্স URL বা CSS প্রপার্টি থেকে এটি এসেছে তা দেখায়। ছবির কোয়ালিটি বা সাইজ সম্পর্কে কোনো অনুমানের প্রয়োজন নেই।
ট্র্যাকিং পিক্সেল, স্পেসার GIF এবং ফেভিকনের মতো ছোট ছবিগুলো ফিল্টার করে বাদ দিতে একটি নূন্যতম মাত্রার সীমা (যেমন, ১০০×১০০) নির্ধারণ করুন। কেবল সেই ছবিগুলোতে ফোকাস করুন যা প্রকৃতপক্ষে গুরুত্বপূর্ণ।
ব্যক্তিগত ছবিগুলো সিলেক্ট করতে সেগুলোতে ক্লিক করুন (একটি বেগুনী টিকমার্ক দেখানো হয়), তারপর শুধুমাত্র সিলেক্ট করা ছবিগুলো ডাউনলোড করুন। অথবা এক ক্লিকে পেজের প্রতিটি ছবি আপনার ডিভাইসে সেভ করতে "Download All"-এ ক্লিক করুন।
সব উৎস থেকে ছবি খুঁজে বের করে: স্ট্যান্ডার্ড img ট্যাগ, CSS background-image প্রপার্টি, picture/source রেসপন্সিভ এলিমেন্ট, ইমেজ হিসেবে রেন্ডার হওয়া ইনলাইন SVG এবং ডেটা URI এনকোডেড ছবি। কিছুই বাদ পড়বে না।
একটি স্ট্যাটাস বার দেখায় কতগুলো ছবি সিলেক্ট করা হয়েছে এবং সিলেক্ট করা ছবিগুলোর মোট ফাইলের সাইজ কত। ডাউনলোড বাটনে ক্লিক করার আগেই জেনে নিন আপনি কতটুকু ডাউনলোড করতে যাচ্ছেন।
একটি ক্যাটালগ পেজ থেকে কি সব পণ্যের ছবি প্রয়োজন? Extract Images একসাথে সব ছবি খুঁজে বের করে এবং ডাউনলোড করে — যার মধ্যে রেসপন্সিভ ভেরিয়েন্ট এবং CSS ব্যাকগ্রাউন্ড হিরো ইমেজগুলোও অন্তর্ভুক্ত যেগুলোকে রাইট-ক্লিক করে সেভ করা যায় না।
একটি মুড বোর্ড তৈরি করছেন বা ডিজাইন ইন্সপিরেশন সাইট থেকে ভিজ্যুয়াল রেফারেন্স সংগ্রহ করছেন? ইমেজ গ্যালারি ব্রাউজ করুন, আপনার পছন্দের ছবিগুলো সিলেক্ট করুন এবং একে একে সেভ করার পরিবর্তে এক ব্যাচে সেগুলো ডাউনলোড করুন।
আপনার পেজের সব ছবি রিভিউ করে অতিরিক্ত বড় ফাইল, অনুপস্থিত WebP বা অব্যবহৃত ব্যাকগ্রাউন্ড ইমেজগুলো চেক করুন। ছবির মাত্রা এবং ফাইলের সাইজ আপনাকে সেই ছবিগুলো শনাক্ত করতে সাহায্য করে যেগুলোর অপ্টিমাইজেশন প্রয়োজন।
অফলাইন রেফারেন্সের জন্য কি একটি পেজ সেভ করছেন? সব ছবি এক্সট্রাক্ট করুন যাতে HTML-এর পাশাপাশি আপনার কাছে সম্পূর্ণ ভিজ্যুয়াল কন্টেন্ট থাকে। ডকুমেন্টেশন, ডিজাইন রেফারেন্স বা এমন পেজ যেগুলো বদলে যেতে পারে বা অফলাইন হয়ে যেতে পারে সেগুলোকে আর্কাইভ করার জন্য একটি কার্যকর উপায়।
অনেক আধুনিক সাইট হিরো সেকশন, কার্ড ব্যাকগ্রাউন্ড এবং ডেকোরেটিভ এলিমেন্টের জন্য CSS background-image ব্যবহার করে। এই ছবিগুলো রাইট-ক্লিক করে সেভ করা যায় না। Extract Images এগুলো শনাক্ত করে এবং নিয়মিত img এলিমেন্টের পাশাপাশি ডাউনলোড করে।
DevSuite Pro ফ্লোটিং ডক ওপেন করুন এবং Extract Images আইকনে ক্লিক করুন। প্রতিটি ছবি খুঁজে পেতে টুলটি পেজের DOM এবং কম্পিউটেড স্টাইলগুলো স্ক্যান করবে।
গ্যালারি প্যানেলে সমস্ত খুঁজে পাওয়া ছবিগুলো থাম্বনেইল গ্রিড হিসেবে দেখা যাবে। প্রতিটি ছবির ফাইলের নাম, মাত্রা এবং সাইজ দেখানো হয়। পেজের সব ছবি দেখতে স্ক্রল করুন।
আইকন এবং ট্র্যাকিং পিক্সেলের মতো ছোট ছবিগুলো লুকাতে মিনিমাম সাইজ ফিল্টার ব্যবহার করুন। কেবল কন্টেন্ট-সংক্রান্ত ছবিগুলো দেখতে ১০০×১০০ সেট করুন।
আলাদা ছবিগুলো সিলেক্ট করতে সেগুলোতে ক্লিক করুন — একটি বেগুনী টিকমার্ক দেখা যাবে। স্ট্যাটাস বারটি আপনার সিলেকশনের সংখ্যা এবং মোট সাইজ অনুযায়ী আপডেট হবে।
আপনার পছন্দের ছবিগুলো সেভ করতে "Download Selected"-এ ক্লিক করুন, অথবা পেজের প্রতিটি ছবি নিতে "Download All"-এ ক্লিক করুন। ফাইলগুলো আপনার ডিভাইসের ডাউনলোড ফোল্ডারে সেভ হবে।
বিনামূল্যে DevSuite Pro ইনস্টল করুন এবং আপনার ব্রাউজারের জন্য ৩৯+ ডেভলপার টুল আনলক করুন।
