ব্যাকগ্রাউন্ড ছবি ও লেজি-লোড হওয়া ছবি কীভাবে ডাউনলোড করবেন
আগে পুরো পৃষ্ঠা স্ক্রল করুন, তারপর IDM - Bulk Download Manager Extension খুলুন। এটি পৃষ্ঠার স্টাইল ও লেজি-লোডিং অ্যাট্রিবিউট পড়ে, তাই CSS ব্যাকগ্রাউন্ড ছবি এবং স্ক্রল করলে লোড হওয়া ছবিও সাধারণ ছবির পাশে "ছবি" তালিকায় দেখা যায়। রাইট-ক্লিকের "ছবি এভাবে সেভ করুন" এগুলোর বেশিরভাগই ধরতে পারে না, কারণ রাইট-ক্লিক করার মতো কোনো ইমেজ এলিমেন্ট থাকে না বা সেটি এখনও লোড হয়নি।
এই ছবিগুলো সেভ করা কেন কঠিন
ব্যাকগ্রাউন্ড ছবি
অনেক হিরো ব্যানার, কার্ড ও গ্যালারি ইমেজ এলিমেন্ট ব্যবহার না করে ছবিটি পৃষ্ঠার স্টাইল শিটে ব্যাকগ্রাউন্ড হিসেবে রাখে। এতে রাইট-ক্লিক করলে পৃষ্ঠার সাধারণ মেনু আসে, "ছবি এভাবে সেভ করুন" থাকে না। ছবিটি আছে ঠিকই, কিন্তু তার ঠিকানা শুধু স্টাইলই জানে।
লেজি-লোড হওয়া ছবি
দ্রুত লোড হওয়ার জন্য পৃষ্ঠা প্রায়ই ছবির কাছে স্ক্রল না করা পর্যন্ত সেটি আনে না। ততক্ষণ আসল ঠিকানা data-src-এর মতো কোনো অ্যাট্রিবিউটে থাকে, আর একটি ফাঁকা বা ঝাপসা প্লেসহোল্ডার দেখা যায়। অফুরন্ত স্ক্রলিংয়ের পৃষ্ঠাগুলো আরও এক ধাপ এগিয়ে, নিচে পৌঁছালে তবেই নতুন ছবি পৃষ্ঠায় যোগ করে।
IDM - Bulk Download Manager Extension দিয়ে এগুলো ডাউনলোড করুন
-
পৃষ্ঠাটি স্ক্রল করুন
ধীরে ধীরে নিচ পর্যন্ত স্ক্রল করুন, অথবা কয়েকবার End চেপে একটু অপেক্ষা করুন, যাতে লেজি ছবি ও নতুন ব্যাচ লোড হয়।
-
পপআপ খুলুন
IDM আইকনে ক্লিক করুন। আগে থেকে খোলা থাকলে পৃষ্ঠাটি আবার পড়তে ওপরের "আবার স্ক্যান করুন"-এ ক্লিক করুন।
-
দরকার হলে আকারের ফিল্টার কমান
ছোট আলংকারিক ব্যাকগ্রাউন্ড ন্যূনতম আকারের কারণে লুকানো থাকতে পারে। সব দেখতে "যেকোনো আকার" বেছে নিন। যেসব ছবির আকার এখনও জানা নেই, সেগুলো সবসময় দেখা যায়।
-
নির্বাচন করে ডাউনলোড করুন
নাম ও আকার দেখতে থাম্বনেলের ওপর মাউস রাখুন, দরকারিগুলো নির্বাচন করে "নির্বাচিতগুলো ডাউনলোড করুন" অথবা একটি ফাইলের জন্য ZIP-এ ক্লিক করুন।
এটি কোথায় খোঁজে
- স্টাইল: ব্যাকগ্রাউন্ড ছবি, বর্ডার ছবি ও লিস্ট বুলেট, স্টাইল শিট ও ইনলাইন স্টাইল দুই জায়গা থেকেই।
- লেজি-লোডিং অ্যাট্রিবিউট:
data-src,data-lazy-src,data-original,data-bg,data-srcsetও অন্যান্য প্রচলিত রূপ। - রেসপনসিভ ছবি:
srcsetও<picture>সোর্সে থাকা প্রতিটি আকার, যাতে সবচেয়ে বড়টি বেছে নিতে পারেন। - স্ক্রিপ্টে লোড হওয়া ছবি: পৃষ্ঠা স্ক্রিপ্ট দিয়ে যেসব ছবি এনেছে, ব্রাউজারের লোড করা ফাইলের তালিকা থেকে নেওয়া।
- পৃষ্ঠার সব জায়গায়: এমবেড করা ফ্রেম, ওপেন ওয়েব কম্পোনেন্ট ও ভিডিওর প্রিভিউ ছবি।
যা খুঁজে পায় না
<canvas>-এ আঁকা ছবি, যেমন কিছু ভিউয়ার ও গেমে। এগুলো স্ক্রিনের পিক্সেল, ফাইল নয়।- পৃষ্ঠা নিজের মেমরিতে যেসব ছবি রাখে (
blob:ঠিকানা)। এগুলো শুধু সেই ট্যাবের ভেতরেই থাকে, বাইরে থেকে ডাউনলোড করা যায় না। ::beforeও::afterসাজসজ্জার মাধ্যমে যোগ করা ব্যাকগ্রাউন্ড।- পৃষ্ঠা যেসব ছবি আবার সরিয়ে দিয়েছে। কিছু খুব লম্বা ফিড স্ক্রল করার সময় পুরোনো ছবি ফেলে দেয়। কিছুটা স্ক্রল করুন, ডাউনলোড করুন, তারপর আবার এগোন।
ছোট আইকন কখনো কখনো একটি "স্প্রাইট" ছবিতে থাকে, যেখানে ডজন ডজন আইকন পাশাপাশি থাকে। আপনি আলাদা আইকন নয়, পুরো শিটটি পাবেন।
এক্সটেনশন ছাড়া: ডেভেলপার টুলস
Chrome-এর ডেভেলপার টুলস যেকোনো ছবি খুঁজে পেতে পারে, একবারে একটি করে:
- ছবির কাছে রাইট-ক্লিক করে ইন্সপেক্ট বেছে নিন।
- স্টাইল প্যানেলে নির্বাচিত এলিমেন্ট বা তার প্যারেন্টে
background-image: url(…)খুঁজুন। লেজি ছবির জন্য ইমেজ এলিমেন্টেdata-srcখুঁজুন। - ঠিকানায় রাইট-ক্লিক করে নতুন ট্যাবে খুলুন এবং "ছবি এভাবে সেভ করুন" ব্যবহার করুন।
অথবা নেটওয়ার্ক প্যানেল খুলে Img ফিল্টার বেছে পৃষ্ঠাটি স্ক্রল করুন: যে ছবি লোড হয় সব তালিকায় আসে, আর প্রতিটি খুলতে পারবেন। দুটি পদ্ধতিই কাজ করে, তবে প্রতিটি ছবিতে কয়েক মিনিট লাগে।
প্রশ্নোত্তর
একই ছবি কয়েকটি আকারে কেন দেখছি?
রেসপনসিভ ছবি বিভিন্ন স্ক্রিনের জন্য কয়েকটি সংস্করণ দেয়। সবগুলোই তালিকায় থাকে, যাতে সবচেয়ে বড়টি রাখতে পারেন: আকারের ফিল্টার ৫১২ পিক্সেলে সেট করুন অথবা মাউস রেখে আকার মিলিয়ে দেখুন।
কিছু থাম্বনেল ফাঁকা বা ঝাপসা। এগুলো কী?
সাধারণত আসল ছবি লোড হওয়ার আগে দেখানো প্লেসহোল্ডার। পৃষ্ঠার সেই অংশে স্ক্রল করে "আবার স্ক্যান করুন"-এ ক্লিক করুন; তখন পুরো ছবিটি তালিকায় আসবে।
অফুরন্ত স্ক্রলিংয়ের পৃষ্ঠায় কি কাজ করে?
হ্যাঁ, যা কিছু লোড হয়েছে তার জন্য। যতদূর দরকার স্ক্রল করুন, "আবার স্ক্যান করুন"-এ ক্লিক করে ডাউনলোড করুন। খুব লম্বা ফিডের জন্য কয়েক দফায় করুন।