পূর্ণ পৃষ্ঠা স্ক্রীনশট কীভাবে নেবেন: যেকোনো ডিভাইসে পূর্ণ পৃষ্ঠা স্ক্রীনশট কীভাবে নেবেন

যখন আপনাকে একটি ওয়েবপেজ ক্যাপচার করতে হয়, তখন আপনি সাধারণত পুরো গল্পটি চান, শুধু আপনার স্ক্রিনে যা ফিট হয় সেই অংশটি নয়। একটি পূর্ণ-পৃষ্ঠা স্ক্রিনশট মানে শীর্ষের ব্যানার থেকে নীচের ফুটার পর্যন্ত সবকিছু একটি পরিষ্কার ছবিতে ক্যাপচার করা। সুসংবাদ কী? আপনি একাধিক ছবি তুলে সেগুলো একত্রিত করার জটিল প্রক্রিয়া এড়িয়ে যেতে পারেন। আপনার দুটি সেরা বিকল্প হলো এক-ক্লিকে ক্যাপচারের জন্য একটি সাধারণ ব্রাউজার এক্সটেনশন অথবা নেটিভ সমাধানের জন্য আপনার ব্রাউজারের নিজস্ব ডেভেলপার টুলস।

কেন একটি পূর্ণ-পৃষ্ঠা স্ক্রিনশট একটি আধুনিক প্রয়োজনীয়তা

আপনি কি কখনো একটি লম্বা নিবন্ধ বা অনলাইন রসিদ সংরক্ষণ করার চেষ্টা করেছেন, কিন্তু শেষ পর্যন্ত অংশিক ছবির একটি বিভ্রান্তিকর পাজেলের সম্মুখীন হয়েছেন? এটি একটি সাধারণ হতাশা। আপনি শুধু পৃষ্ঠার অংশগুলো হারান না; আপনি সম্পূর্ণ চিত্রটি হারান। মানক স্ক্রিনশটগুলো আজকের অসীম স্ক্রলিং ওয়েবসাইটগুলো সামলাতে পারে না, এবং পূর্ণ প্রেক্ষাপট ক্যাপচার করতে ব্যর্থ হয়।

এটিই ঠিক কেন পূর্ণ-পৃষ্ঠা স্ক্রিনশট কীভাবে নিতে হয় তা জানা এত গুরুত্বপূর্ণ দক্ষতা হয়ে উঠেছে। এটি শুধু একটি উদ্ভাবনী কৌশল নয়; এটি ডিজাইনার, মার্কেটার এবং সত্যিই ওয়েব বিষয়বস্তুকে সঠিকভাবে নথিভুক্ত করার প্রয়োজনীয় যেকেউ এর জন্য একটি ব্যবহারিক সরঞ্জাম।

দৃশ্যমান উইন্ডোর বাইরে

নিয়মিত স্ক্রিনশট শুধুমাত্র আপনি যা মুহূর্তে দেখেন তা ধরে রাখে। অন্যদিকে, একটি পুরো পৃষ্ঠার ক্যাপচার পৃষ্ঠার সম্পূর্ণ দৈর্ঘ্যকে একটি ধারাবাহিক, উচ্চ-মানের ছবি হিসাবে সংরক্ষণ করে। অনেক দৈনন্দিন কাজের জন্যে এটি একটি গেম চেঞ্জার:

ডিজাইন এবং UX পর্যালোচনা: কল্পনা করুন শুধু কিছু অসংগত ছবি দিয়ে একটি পণ্য পৃষ্ঠার ব্যবহারকারীর প্রবাহকে সমালোচনা করার চেষ্টা করছেন। সম্পূর্ণ যাত্রাটি ক্যাপচার করলে আপনার দলকে সম্পূর্ণ প্রসঙ্গ প্রদান করে।
বিষয়বস্তু সংরক্ষণ: অফলাইনে পড়ার জন্যে আপনি একটি দারুণ দীর্ঘ নিবন্ধ খুঁজে পেয়েছেন? একটি পুরো পৃষ্ঠার ক্যাপচার এটি পরের জন্যে সম্পূর্ণভাবে সংরক্ষণ করে।
রেকর্ড রাখা: আপনার রেকর্ডের জন্যে একটি সম্পূর্ণ লেনদেনের ইতিহাস বা একটি দীর্ঘ ইমেইল থ্রেড ডকুমেন্টেশন করার জন্যে এটি নিখুঁত, একটি বিস্তারিতও মিস না করে।
বাগ রিপোর্টিং: যখন আপনি একটি ভিজ্যুয়াল গ্লিচ খুঁজে পান, তখন ডেভেলপারদের সম্পূর্ণ পৃষ্ঠাটি দেখালে তাদের সমস্যাটি অনেক দ্রুত সনাক্ত করতে সাহায্য করে।

এই সিদ্ধান্ত গাছটি আপনার প্রয়োজন এবং বিভিন্ন সরঞ্জামের সাথে আপনার স্বাচ্ছন্দ্যের ভিত্তিতে সেরা পদ্ধতি দ্রুত নির্ধারণ করতে আপনাকে সাহায্য করতে পারে।

A flowchart detailing a decision-making process to choose between different methods based on user preferences.

ফ্লোচার্ট যেমন দেখাচ্ছে, গতি এবং সরলতা যদি আপনার সর্বোচ্চ অগ্রাধিকার হয়, তাহলে একটি এক্সটেনশন সম্ভবত আপনার সেরা পছন্দ। আপনি যদি কয়েকটি অতিরিক্ত ক্লিকের সাথে সামঞ্জস্য রাখতে পারেন এবং একটি অন্তর্নির্মিত সমাধান পছন্দ করেন, তাহলে ব্রাউজার টুলগুলো একটি শক্তিশালী পছন্দ।

এই প্রযুক্তির প্রয়োজনীয়তা প্রতিক্রিয়াশীল ডিজাইনের উত্থানের সাথে সাথে সত্যিই বেড়ে ওঠে। ওয়েব পেজগুলো যত লম্বা এবং বেশি ডায়নামিক হতে থাকে, QA দলগুলো আবিষ্কার করেছে যে পুরো রেন্ডার করা পেজ ক্যাপচার করা পরীক্ষার জন্য অত্যন্ত গুরুত্বপূর্ণ। আসলে, 2015 দ্বারা, অনেকে রিপোর্ট করেছেন যে এই পদ্ধতি একক ভিউপোর্ট স্ক্রিনশটের তুলনায় ভিজ্যুয়াল রিগ্রেশন বাগগুলোকে 30–40% দ্বারা হ্রাস করেছে। কেন? কারণ এটি সেই জটিল অফ-স্ক্রিন এলিমেন্ট এবং লেজি-লোডেড কন্টেন্ট ধরেছে যা অন্যথায় মিস হয়ে যেত। এই ওয়েব টেস্টিং সম্পর্কিত আরও গভীরে যেতে চাইলে আপনি Research and Markets-এ পড়তে পারেন।

ফুল পেজ স্ক্রিনশট পদ্ধতির দ্রুত গাইড

এক নজরে সিদ্ধান্ত নিতে সাহায্য করার জন্য, এই টেবিলটি সবচেয়ে সাধারণ পদ্ধতিগুলো, তাদের আদর্শ ব্যবহারের ক্ষেত্র এবং যা প্রয়োজন তা বিভক্ত করে দেখায়।

পদ্ধতি	সেরা ব্যবহার	প্রযুক্তিগত দক্ষতা	ইনস্টলেশন প্রয়োজন
ব্রাউজার ডেভটুলস (DevTools)	কোনো কিছু ইনস্টল না করেই দ্রুত, একবারের জন্য ক্যাপচার করা।	বেসিক	না
ব্রাউজার এক্সটেনশন	ঘন ঘন ব্যবহার, সম্পাদনা এবং ক্লাউড স্টোরেজের মতো অতিরিক্ত বৈশিষ্ট্য সহ।	কোনোটি নয়	হ্যাঁ
মোবাইল OS বৈশিষ্ট্য	আপনার ফোন বা ট্যাবলেটে কনটেন্ট ক্যাপচার করা।	কোনোটি নয়	না
থার্ড-পার্টি অ্যাপস	উন্নত বৈশিষ্ট্য, অটোমেশন, এবং টিম সহযোগিতা।	পরিবর্তিত	হ্যাঁ

প্রতিটি পদ্ধতিরই একটি নির্দিষ্ট জায়গা রয়েছে। আপনার জন্য সঠিকটি পদ্ধতি সত্যিই নির্ভর করে আপনি কতবার স্ক্রিনশট নেবেন এবং পরে সেগুলি দিয়ে কী করতে চান।

পরিষ্কার ক্যাপচারের জন্য বিল্ট-ইন ব্রাউজার টুলস ব্যবহার

মাঝে মাঝে, কাজের সেরা সরঞ্জামটি হল সেটি যা ইতিমধ্যেই আপনার কাছে আছে। অন্য কোনো এক্সটেনশন খুঁজতে যাওয়ার আগে, জেনে রাখা উচিত যে Google Chrome এবং Microsoft Edge এর মতো ব্রাউজারগুলোতে পূর্ণ-পৃষ্ঠার স্ক্রিনশট নেওয়ার জন্য একটি শক্তিশালী, বিল্ট-ইন বৈশিষ্ট্য রয়েছে। এটি ডেভেলপার এবং অন্যান্য প্রযুক্তিবিদদের কাছে একটি পছন্দের জিনিস কারণ এটি সুনির্দিষ্ট এবং সম্পূর্ণ ব্যবহারিক।

এই নেটিভ টুলটি ডেভেলপার টুলস প্যানেলের ভিতরে লুকিয়ে থাকে। এটি হয়তো একটু ভয়ংকর শোনাতে পারে, কিন্তু প্রক্রিয়াটি বিস্ময়করভাবে সহজ। কোনো ডাউনলোড নেই, কোনো সাইন-আপ নেই, এবং আপনার টুলবারে কোনো অতিরিক্ত আইকনও জমায়ে হবে না। আপনি পুরো পৃষ্ঠার একটি পিক্সেল-পারফেক্ট ক্যাপচার পাবেন, ঠিক যেমনভাবে ব্রাউজার নিজেই এটি দেখে।

স্ক্রিনশট কমান্ডে প্রবেশ

প্রথমে প্রথমে, আপনি যে পৃষ্ঠাটি ধরতে চান সেখানে Developer Tools খুলতে হবে। এটি করার জন্য কয়েকটি দ্রুত পদ্ধতি আছে:

কীবোর্ড শর্টকাট: সবচেয়ে দ্রুত উপায় হলো Mac-এ Cmd+Option+I অথবা Windows-এ Ctrl+Shift+I চাপা।
রাইট-ক্লিক মেনু: আপনি পৃষ্ঠার যেকোনো জায়গায় রাইট-ক্লিক করে এবং পপ-আপ হওয়া মেনু থেকে "Inspect" বেছে নিতে পারেন।

DevTools প্যানেল খোলার পরে, পরবর্তী ধাপ হলো একটি কমান্ড চালানো। চিন্তা করবেন না, আপনাকে কোনো কোড লিখতে হবে না। শুধু Mac-এ Cmd+Shift+P অথবা Windows-এ Ctrl+Shift+P চেপে কমান্ড মেনু খুলুন।

আপনার স্ক্রিনের উপরে একটি সার্চ বার দেখা দেবে। সরলভাবে "screenshot," টাইপ করা শুরু করুন, এবং তাৎক্ষণিকভাবে অপশনের একটি তালিকা দেখা দেবে।

প্রো টিপ: আপনি কিছু বিকল্প দেখবেন, কিন্তু সম্পূর্ণ ক্যাপচারের জন্য, "এলিয়া" বা "নোড" অপশনগুলি উপেক্ষা করুন। আপনার যা খুঁজে পেতে হবে তা হলো Capture full size screenshot। এই কমান্ডটি ব্রাউজারকে সমগ্র পৃষ্ঠাকে একটি নিরবচ্ছিন্ন ছবিতে একত্রিত করতে বলে।

সেই অপশনটি নির্বাচন করুন, Enter চাপুন, এবং তাইই। ব্রাউজার পুরো পৃষ্ঠা প্রক্রিয়া করতে একটু সময় নেবে এবং তারপর স্বয়ংক্রিয়ভাবে স্ক্রিনশটটি ডাউনলোড করবে, সাধারণত একটি PNG ফাইল হিসাবে, সরাসরি আপনার ডাউনলোড ফোল্ডারে। এটি একটি অত্যন্ত পরিষ্কার এবং সরাসরি পদ্ধতি।

অবশ্যই, এই অন্তর্নির্মিত বিকল্পটি দ্রুত, ঝামেলামুক্ত ক্যাপচারের জন্য চমৎকার হলেও, এর সীমাবদ্ধতাও রয়েছে। যদি আপনি ইনস্ট্যান্ট এডিটিং, এনোটেশন বা ক্লাউড সেভিংয়ের মতো আরও বৈশিষ্ট্যের প্রয়োজন বোঝেন, তাহলে ShiftShift ফুল পেজ স্ক্রিনশট এক্সটেনশন-এর মতো একটি নির্দিষ্ট টুল আপনার কাজের ধারাকে সত্যিই গতিশীল করতে পারে।

নির্দিষ্ট মোবাইল ভিউ ক্যাপচার করা

এখানেই DevTools পদ্ধতিটি সত্যিই উজ্জ্বল হয়ে ওঠে: একটি নির্দিষ্ট মোবাইল ডিভাইসে একটি ওয়েবপেজ কীভাবে দেখায় তা ঠিকমতো ক্যাপচার করা। এটি ওয়েব ডিজাইনার, ডেভেলপার এবং QA পরীক্ষকদের জন্য একটি গেম-চেঞ্জার, যাদের অনুমান না করেই রেসপনসিভ ডিজাইন ডকুমেন্ট করতে হয়।

স্ক্রিনশট কমান্ডটি চালানোর আগে, আপনাকে শুধু ডিভাইস মোড.

-এ পরিবর্তন করতে হবে।

আপনার DevTools প্যানেল এখনো খোলা থাকাকালীন, একটি ছোট ফোন এবং ট্যাবলেটের মতো দেখায় এমন আইকনটি (Toggle device toolbar) খুঁজে বের করুন এবং এতে একটি ক্লিক করুন। আপনার ওয়েবপেজটি অবিলম্বে একটি মোবাইল-আকারের দৃশ্যে সঙ্কুচিত হয়ে যাবে।

সেখান থেকে, আপনি ভিউপোর্টের উপরের ড্রপডাউন মেনু ব্যবহার করে একটি নির্দিষ্ট ডিভাইস নির্বাচন করতে পারেন, যেমন "iPhone 14 Pro" বা "Pixel 7."

আপনি যখন আপনার পছন্দের দৃশ্যটি পেয়ে যাবেন, তখন শুধুমাত্র আগের মতোই Capture full size screenshot কমান্ডটি একদম একইভাবে চালান।

ফলাফলটি হবে সেই স্ক্রিনের ঠিক যেভাবে দেখায় সেই ডিভাইসে আপনার সাইটের একটি নিখুঁত, পূর্ণ-দৈর্ঘ্যের ছবি। বাগ রিপোর্ট, ডিজাইন মকআপ বা ক্লায়েন্ট প্রেজেন্টেশনের জন্য স্ন্যাপশট তৈরি করার এটি একটি অবিশ্বাস্যভাবে নির্ভুল উপায়, এবং আপনার হাতে প্রকৃত ডিভাইসটি না থাকলেও এটি কাজ করে।

বিল্ট-ইন ব্রাউজার টুলস হুটোমে সুবিধাজনক, কিন্তু সত্যি বলতে গেলে—এগুলো তৈরি হয়েছে না একটি ভারী ওয়ার্কফ্লোর জন্য। যখন আপনার নিয়মিতভাবে পুরো পৃষ্ঠার স্ক্রিনশট নিতে হয়, তখন একটি ভালো ব্রাউজার এক্সটেনশনের গতি ও সুবিধার সাথে তুলনার মতো কিছুই নেই। এই টুলগুলো আপনার ব্রাউজারের টুলবারে সরাসরি বসে থাকে, একটি ঝামেলাদার, ধাপে ধাপে প্রক্রিয়াকে একক, সন্তুষ্টিকর ক্লিকে রূপান্তরিত করে।

বাস্তব-জগতের পরিস্থিতির কথা মনে করে দেখুন। আপনি হতে পারেন একজন ডিজাইনার যিনি মুড বোর্ডের জন্য প্রতিযোগীদের ওয়েবসাইট আর্কাইভ করছেন, একজন মার্কেটার যিনি গবেষণার জন্য দীর্ঘ নিবন্ধগুলো সংরক্ষণ করছেন, অথবা একজন সাপোর্ট এজেন্ট যিনি একটি জটিল ব্যবহারকারীর সমস্যাকে উপর থেকে নিচে পর্যন্ত নথিভুক্ত করার চেষ্টা করছেন। এই ক্ষেত্রগুলোতে, ডেভেলপার টুলস নিয়ে হাত-পায় ঘষাঘুষি করলে কাজ হবে না। আপনার দরকার গতি, এবং এক্সটেনশনগুলোই তা প্রদান করে।

ShiftShift Extensions স্যুটটি এই ধরনের দক্ষতার একটি নিখুঁত উদাহরণ। এর Full Page Screenshot টুলটি একটি ঐক্যভূত কমান্ড প্যালেটের ভেতরে সংরক্ষিত রাখা থাকে, তাই আপনার প্রয়োজন হলে এটি সবসময় প্রস্তুত থাকে কিন্তু আপনার স্ক্রিনকে কখনোই অস্তব্যস্ত করে না। এটি পেশাদারদের জন্য একটি আদর্শ সেটআপ যারা শক্তিশালী টুল চান স্বচ্ছ ও কেন্দ্রীভূত কর্মক্ষেত্র ত্যাগ না করে। যদি আপনি আপনার কাজ সহজতর করতে চান, আপনি আমাদের আরও শক্তিশালী ব্রাউজার এক্সটেনশন টুলস.

আপনার চাহিদার জন্য সঠিক এক্সটেনশন বাছাই করুন

Chrome Web Store-এ একটি দ্রুত অনুসন্ধান করলে ডজন করড স্ক্রিনশট টুল পাওয়া যাবে। তাহলে, ভালো এবং সেরাগুলো কীভাবে আলাদা করবেন? এটি সত্যিই কয়েকটি মূল ফ্যাক্টরের ওপর নির্ভর করে।

কর্মদক্ষতা এবং গতি: এটি পৃষ্ঠাটি প্রকৃতপক্ষে কত দ্রুত ক্যাপচার করে? কিছু এক্সটেনশন লম্বা, জটিল পৃষ্ঠায় ধীরে চলে, যেখানে অন্যগুলো প্রায় তাৎক্ষণিক।
সম্পাদনা বৈশিষ্ট্য: এতে কি একটি বিল্ট-ইন এডিটর আছে? সেরা টুলগুলো আপনি শটটি তোলার পরেই ক্রপ করতে, টেক্সট যোগ করতে, তীর আঁকতে, বা এমনকি সংবেদনশীল তথ্য ব্লার করতে দেয়।
এক্সপোর্ট অপশন: আপনি কি এটিকে PNG বা JPG হিসাবে সংরক্ষণ করতে পারেন? আরো ভালো, আপনি কি এটিকে একটি সার্চেবল PDF হিসাবে এক্সপোর্ট করতে পারেন? নমনীয়তা হলো মূল চাবি।
গোপনীয়তা নীতি: এটি একটি গুরুত্বপূর্ণ বিষয়। প্রাক্তনিকভাবে, এক্সটেনশনটি আপনার দেখা পৃষ্ঠা দেখতে পারে, তাই স্পষ্ট, গোপনীয়তা-প্রথম নীতি অপরিহার্য। আপনার মেশিনেই সমস্ত প্রক্রিয়াকরণ করার টুলগুলো সবসময় সবচেয়ে নিরাপদ বিকল্প।

সঠিক টুলটি খোঁজা প্রায়ই ব্যক্তিগত পছন্দ এবং আপনার নির্দিষ্ট প্রয়োজনের ওপর নির্ভর করে, কিন্তু ব্যবহারকারীদের রিভিউ এবং রেটিং অনেক কিছু জানাতে পারে।

A sleek silver laptop showcasing a software interface with a sidebar menu, against a clean white background.

যা ঘটছে তার অভ্যন্তরীণ কার্যপ্রণালী সম্পর্কে জানা উচিত। অনেক এক্সটেনশন একটি "স্ক্রল-এন্ড-স্টিচ" কৌশল ব্যবহার করে। তারা প্রোগ্রামের মাধ্যমে নিচে স্ক্রল করে, প্রতিটি সেকশনের একটি ছবি তোলে, এবং তারপর তাদের একসাথে জোড়া দেয়। অন্যরা ব্রাউজারের নেটিভ রেন্ডারিং ইঞ্জিন ব্যবহার করে শুরু থেকেই একটি একক, নিখুঁত ছবি তৈরি করে।

পারফরম্যান্সের পার্থক্যটি বেশ স্পষ্ট। বেঞ্চমার্ক রিপোর্ট দেখায় যে নেটিভ রেন্ডারিং পদ্ধতি প্রায়ই অনেক দ্রুত, গড়ে মাত্র 0.8–1.6 সেকেন্ড সময় নেয়। তার তুলনায়, স্ক্রল-এন্ড-স্টিচ পদ্ধতিটি নেতুতে 1.8–3.5 সেকেন্ড সময় নিতে পারে এবং জটিল লেআউটের পৃষ্ঠায় ব্যর্থ হওয়ার সম্ভাবনা অনেক বেশি।

স্টিকি হেডার বা অ্যানিমেশনযুক্ত পৃষ্ঠাগুলিতে আপনি এটি সত্যিই লক্ষ্য করবেন। স্ক্রল-অ্যান্ড-স্টিচ পদ্ধতি সহজেই বিভ্রান্তির শিকার হতে পারে, যার ফলে আপনার চূড়ান্ত স্ক্রিনশটে অদ্ভুত ভিজ্যুয়াল গ্লিচ বা ডুপ্লিকেটেড এলিমেন্ট দেখা দিতে পারে।

একটি এক্সটেনশন দিয়ে বাস্তববাস্তব ধাপে ধাপে প্রক্রিয়া

একটি এক্সটেনশন দিয়ে শুরু করা অত্যন্ত সহজ। আপনার ব্রাউজারের ওয়েব স্টোর থেকে একটি পছন্দের এক্সটেনশন ইনস্টল করার পর, এর আইকন সাধারণত আপনার অ্যাড্রেস বারের পাশে পপ আপ হয়ে যাবে।

সেখান থেকে, প্রক্রিয়াটি একদম সহজ। শুধু আপনি যে পৃষ্ঠাটি ক্যাপচার করতে চান তাতে যান এবং এক্সটেনশনের আইকনে ক্লিক করুন। বেশিরভাগ মানসম্মত টুল আপনাকাকে তৎক্ষণাৎ কয়েকটি পছন্দ দেবে:

পূর্ণ পৃষ্ঠা ক্যাপচার করুন: প্রধান বিষয়টি। এটি সবকিছু ধরে ফেলার এক-ক্লিক অপশন।
দৃশ্যমান এলাকা ক্যাপচার করুন: এখনই আপনার স্ক্রিনে যা আছে তার একটি দ্রুত স্ন্যাপ।
নির্বাচিত এলাকা ক্যাপচার করুন: আপনি যে নির্দিষ্ট অঞ্চলটি চান তা সংজ্ঞায়িত করতে ক্লিক করে টেনে দিতে দেয়।

আপনি যখন Capture Full Page বাটনে ক্লিক করেন, তখন এক্সটেনশনটি কাজ শুরু করে এবং সম্পূর্ণ পৃষ্ঠাটি স্বয়ংক্রিয়ভাবে প্রক্রিয়া করে। কিছুক্ষণের মধ্যেই আপনার তৈরি স্ক্রিনশট সহ একটি নতুন ট্যাব খুলে যাবে, যা আপনার সম্পাদনার জন্য প্রস্তুত থাকবে। আপনি এটিকে আপনার কম্পিউটারে PNG, JPG অথবা PDF হিসাবে সেভ করার আগে বিল্ট-ইন টুলস ব্যবহার করে নোট যোগ করতে বা কাট করতে পারেন। এই স্বচ্ছ প্রক্রিয়াটিই বাস্তবেই প্রমাণ করে কেন এক্সটেনশনগুলো আমার টুলকিটের এক অপরিহার্য অংশ।

মোবাইলে স্ক্রলিং স্ক্রিনশট আয়ত্ত করা

স্বীকার করি, আমরা আমাদের ফোনেই বেশি সময় কাটাই। চলাচলের মধ্যে কনটেন্ট ক্যাপচার করা শুধু একটি ভালো বিষয় নয়; এটি অত্যন্ত জরুরি। আপনার ফোনে স্ক্রলিং স্ক্রিনশট নেওয়ার উপায় জানা একটি আধুনিক যুগের মহাশক্তি, যা দীর্ঘ টেক্সট থ্রেড থেকে শুরু করে বিস্তারিত অনলাইন রেসিপি পর্যন্ত সবকিছু সংরক্ষণ করার জন্য একদম উপযুক্ত।

সৌভাগ্যক্রমে, এটির জন্য আর আপনার তৃতীয় পক্ষের অ্যাপ প্রয়োজন নেই। প্রক্রিয়াটি iOS এবং Android এর মধ্যে কিছুটা ভিন্ন, কিন্তু দুটোতেই রয়েছে আশ্চর্যজনকভাবে শক্তিশালী কিছু বিল্ট-ইন টুল যা কাজটি সম্পন্ন করে।

আইফোনে সম্পূর্ণ পৃষ্ঠা ক্যাপচার করা

Apple-এ iOS-এই ফিচারটি সরাসরি ইনবিল্ট আছে, কিন্তু এটি সবচেয়ে ভালোভাবে কাজ করে যখন আপনি Safari ব্যবহার করেন। এটি একটু লুকানো ফিচার, যদি আপনি না জানেন কোথায় খুঁজতে হবে।

প্রথমে, আপনি যেমনভাবে সবসময় স্ক্রিনশট নেন, সেভাবেই একটি স্ক্রিনশট নিন:

Face ID সহ iPhone-এর জন্য: Side বাটন এবং Volume Up বাটন একসাথে চাপুন।
Home বাটন সহ iPhone-এর জন্য: Side বাটন এবং Home বাটন একসাথে চাপুন।

নিচের বাম কোণে একটি ছোট থাম্বনেল প্রিভিউ পপ আপ করবে। এটি অদৃশ্য হওয়ার আগে আপনাকে দ্রুত এবং এটি ট্যাপ করতে হবে। একবার এডিটরে ঢুকে গেলে, স্ক্রিনের উপরের দিকে দেখুন। আপনি দুটি ট্যাব দেখতে পাবেন: Screen এবং Full Page.

Full Page -এ একটু ট্যাপ করুন। ডান পাশে একটি স্লাইডার আবির্ভূত হবে, যা আপনাকে ঠিক যে ওয়েবপেজটি আপনি ধরেছেন তার সম্পূর্ণ প্রিভিউ করতে দেবে।

এখানে একটি সুর: নেটিভ iOS ফিচার এই সম্পূর্ণ-পৃষ্ঠার ক্যাপচারগুলো PDF হিসাবে সংরক্ষণ করে, PNG বা JPG-এর মতো একটি মানক ইমেজ ফাইল হিসাবে নয়। নিবন্ধ বা ডকুমেন্ট সংরক্ষণ করার জন্য এটি দারুণ, কিন্তু যদি আপনি একটি ইমেজ পেতে চান তবে এটি মনে রাখার কথা।

Android-এ স্ক্রলিং স্ক্রিনশট নেওয়া

Android ইকোসিস্টেম বিভিন্ন নির্মাতার কারণে একটু অস্থির বা 'ওয়াইল্ড ওয়েস্ট'-এর মতো, কিন্তু Google, Samsung এবং OnePlus-এর বেশিরভাগ আধুনিক ফোনে মূল ফাংশনটি বেশ সুসংগত। আপনি সাধারণত এটিকে Scroll Capture বা Scrolling Screenshot.

বলে দেখতে পাবেন।

একটি সাধারণ স্ক্রিনশট নিয়ে শুরু করুন, যা প্রায় সর্বদা Power এবং Volume Down বোতাম একসাথে চেপে ধরে করা হয়।

যেমনই আপনি এটি করবেন, আপনার পর্দার নীচে একটি ছোট টুলবার দেখা দেবে। নিচের দিকে তাকানো তীর চিহ্নযুক্ত একটি আইকনের জন্য খোঁজ করুন—এটি "Capture more" বা শুধু একটি স্ক্রল প্রতীক দেখাতে পারে। এটি ট্যাপ করুন। আপনার ফোন স্বয়ংক্রিয়ভাবে নিচে স্ক্রল করবে এবং পরবর্তী অংশটিকে আপনার স্ক্রিনশটে যুক্ত করবে।

আপনি পৃষ্ঠাটির আরও বেশি অংশ ক্যাপচার করতে থাকতে বাটনটি ধারাবাহিকভাবে ট্যাপ করতে পারেন। যখন আপনি প্রয়োজনীয় সবকিছুই পেয়ে যাবেন, তখন শুধু স্ক্রিনশট প্রিভিউটি নিজেই ট্যাপ করুন অথবা টুলবার অদৃশ্য হওয়ার জন্য অপেক্ষা করুন। আইফোনের তুলনায়, অ্যান্ড্রয়েড ফোনগুলি সাধারণত এই লম্বা ক্যাপচারগুলিকে একক, লম্বা ইমেজ ফাইলের (যেমন PNG) আকারে সংরক্ষণ করে, যা চ্যাটে বা সামাজিক মাধ্যমে শেয়ার করার জন্য অনেক বেশি সহজ।

কেন এটি কখনো কখনো ব্যর্থ হয়

আপনি কি কখনো স্ক্রলিং স্ক্রিনশট নেওয়ার চেষ্টা করেছেন এবং বিকল্পটি শুধু... নেই? এটি ঘটে। সাধারণত এটি এই কারণে হয় যে আপনি যে অ্যাপে আছেন তার লেআউটটি অদ্ভুত এবং প্রমাণিত নয়, অথবা স্ক্রল করার একটি কাস্টম পদ্ধতি রয়েছে। যদি অপারেটিং সিস্টেম একটি সাধারণ, স্ক্রলযোগ্য উইন্ডো সনাক্ত করতে না পারে, তাহলে সে এই বৈশিষ্ট্যটি প্রদান করবে না।

যখন আপনি এই প্রাচীরে ধাক্কা খান, তখন একমাত্র সত্যিকারের সমাধান হলো পুরোনো স্কুলে ফিরে যাওয়া: হাতে-কলমে একাধিক ওভারল্যাপিং স্ক্রিনশট নিন এবং প্রয়োজন হলে পরে সেগুলিকে একসাথে জোড়া দিন।

সাধারণ স্ক্রিনশট সমস্যার সমাধান করার উপায়

আপনি স্ক্রিনশটটি নিয়েছেন, কিন্তু ফাইলটি খোলার সময়, কিছু ভুল হয়েছে। হতে পারে পৃষ্ঠার একটি অংশ নেই, অদ্ভুত ভিজ্যুয়াল গ্লিচ আছে, অথবা ফাইলটি ইমেইল পাঠানোর জন্য অত্যধিক বড়। আমিও এই অবস্থায় পড়েছি। ক্যাপচার নেওয়া এক কথায়; সেটি সঠিকভাবে পাওয়া আরেক কথা।

আসুন কিছু সবচেয়ে সাধারণ সমস্যা এবং তাদের সমাধানের পদ্ধতি নিয়ে আলোচনা করি।

সঠিক ফাইল ফরম্যাট বেছে নেওয়া: PNG বনাম JPG

সবার আগে, চলুন ফাইল ফরম্যাট নিয়ে কথা বলি। PNG এবং JPG (অথবা JPEG) -এর মধ্যে পছন্দ শুধু একটি প্রযুক্তিগত বিষয় নয়—এটি সরাসরি আপনার চূড়ান্ত ছবির মান এবং আকারকে প্রভাবিত করে।

PNG (পোর্টেবল নেটওয়ার্ক গ্রাফিক্স): এটিকে আপনার উচ্চ-সততার বিকল্প হিসেবে মনে করুন। PNG ক্ষতিহীন সংকোচন ব্যবহার করে, যার অর্থ এটি প্রতিটি পিক্সেলকে পুরোপুরি অক্ষুণ্ণ রাখে। ওয়েবসাইট, ব্যবহারকারী ইন্টারফেস, অথবা স্পষ্ট টেক্সট ও পরিষ্কার লাইন সহ যেকোনো কিছুর স্ক্রিনশটের জন্য এটি সেরা পছন্দ। এখানে কোনো ঝাপসা হবে না।
JPG (জয়েন্ট ফটোগ্রাফিক এক্সপার্টস গ্রুপ): যখন ফাইলের আকার সর্বোচ্চ অগ্রাধিকার, তখন এটিই আপনার নির্ভরযোগ্য বিকল্প। JPG ক্ষতিকর সংকোচন ব্যবহার করে, যা ফাইলটি ছোট করার জন্য চালাকির সাথে কিছু ছবির তথ্য বর্জন করে। এটি ছবির জন্য দারুণ, কিন্তু স্ক্রিনশটে টেক্সট এবং স্পষ্ট প্রান্তকে সামান্য ঝাপসা করতে পারে।

কখনো কখনো একটি নিখুঁত PNG ছবি ক্যাপচার করেন, কিন্তু পরে বুঝতে পারেন যে একটি প্রেজেন্টেশন বা ব্লগ পোস্টের জন্য আপনার ছোট ফাইল দরকার। কোনো সমস্যা নেই। শটটি আবার তুলতে না হয়েই ফাইলের আকার কমাতে আপনি সহজেই PNG থেকে JPG-তে রূপান্তর করতে পারেন।

Two mobile phones showcasing abstract website or app content layouts with text and image placeholders.

কাটা বা অসম্পূর্ণ ক্যাপচার সংশোধন

এটি সবচেয়ে হতাশাজনক বিষয়গুলোর একটি: আপনি একটি পূর্ণ-পৃষ্ঠার স্ক্রিনশট নেন এবং শুধু জানতে পারেন যে নিচের অর্ধেকটি শুধু একটি ফাঁকা সাদ শূন্যতা।

এটি প্রায় সবসময় আধুনিক ওয়েবসাইটগুলো কীভাবে তৈরি হয় তার ওপর নির্ভর করে। অনেকগুলো lazy loading (ল্যাজি লোডিং) নামক একটি কৌশল ব্যবহার করে, যেখানে ছবি এবং অন্যান্য বিষয়বস্তু আপনি স্ক্রল না করে পর্যন্ত আসলে লোড হয় না। এটি পারফরম্যান্সের জন্য দারুণ, তবে এটি কন্টেন্টের চেয়ে দ্রুত চলা স্ক্রিনশট টুলগুলোকে প্রতারিত করতে পারে।

সমাধানটি বেশ সহজ। ক্যাপচার বোতামে ক্লিক করার আগে, নিজেই পৃষ্ঠার সবচেয়ে নিচে পর্যন্ত স্ক্রল করুন। নিশ্চিন্তে করুন। এতে লেজি-লোড হওয়া প্রতিটি উপাদান বাধ্যতামূলকভাবে লুক থেকে বেরিয়ে আসে, যা আপনার হাতিয়ারকে একটি সম্পূর্ণ, পুরোপুরি রেন্ডার করা পৃষ্ঠা দিয়ে কাজ করতে সাহায্য করে।

এই ছোট্ট স্ক্রল-আগে-করার কৌশলটিই অসীম স্ক্রল থাকা পৃষ্ঠাগুলি ক্যাপচার করারও গোপনীয় পদ্ধতি, যা নিশ্চিত করে যে আপনি আপনার প্রয়োজনীয় সব কিছুই পাবেন।

স্টিকি হেডার এবং ফুটার মোকাবেলা

আপনি কি সেই নেভিগেশন বারগুলির কথা জানেন যা আপনি স্ক্রল করার সময় আপনার স্ক্রিনের উপর বা নিচে আটকে থাকে? এগুলিকে "স্টিকি" উপাদান বলা হয়, এবং এগুলি স্ক্রল করে এবং ছবিগুলিকে একসাথে "যুক্ত" করে কাজ করা স্ক্রিনশট হাতিয়ারগুলির জন্য বিপর্যয় সৃষ্টি করতে পারে।

যদি আপনি কখনো এমন একটি চূড়ান্ত স্ক্রিনশট দেখে থাকেন যেখানে পৃষ্ঠার নিচে একই হেডার বারবার বারবার দেখা যায়, তাহলে এটাই কারণ। হাতিয়ারটি বিভ্রান্ত হয়ে প্রতিটি খণ্ডেই এটিকে ক্যাপচার করে।

এখানেই আপনার হাতিয়ার বাছাই সত্যিই গুরুত্বপূর্ণ।

ব্রাউজার ডেভটুলস: Chrome অথবা Edge-এর বিল্ট-ইন কমান্ডগুলি সাধারণত এটি মোকাবেলা করার জন্য যথেষ্ট স্মার্ট। তারা পুরো পৃষ্ঠাটিকে একসাথে রেন্ডার করে, তাই তারা স্টিকি হেডারকে তার সঠিক স্থানে একটি একক উপাদান হিসাবেই দেখে।
উন্নত এক্সটেনশন: সেরা স্ক্রিনশট এক্সটেনশনগুলো বিশেষভাবে স্টিকি এলিমেন্টগুলো সনাক্ত করতে এবং সঠিকভাবে পরিচালনা করতে প্রোগ্রাম করা হয়েছে，সেগুলো একবারই ক্যাপচার করে অথবা পরিষ্কার ছবির জন্য সম্পূর্ণভাবে সরিয়ে দেয়।

আপনার বর্তমান টুল যদি বারবার একই হেডার দেখায়，তাহলে DevTools বা একটি উদ্দেশ্যনির্ধারিত এক্সটেনশনের মতো আরও উন্নত পদ্ধতিতে পরিবর্তন করাই সেরা উপায়।

এখানে আমি বছরের পর বছর এই সমস্যাগুলো মোকাবেলা করে একটি দ্রুত রেফারেন্স টেবিল তৈরি করেছি। এটি মানুষদের সামনে আসা সবচেয়ে সাধারণ সমস্যাগুলো এবং সেগুলো দ্রুত সমাধানের উপায়গুলো কভার করে।

সাধারণ স্ক্রিনশট সমস্যা এবং সমাধান

সমস্যা	সম্ভাব্য কারণ	প্রস্তাবিত সমাধান
বিষয়বস্তু অনুপস্থিত/ফাঁকা স্থান	Lazy loading অথবা infinite scroll ক্যাপচার নেওয়ার আগে সব এলিমেন্ট লোড করেনি।	স্ক্রিনশট শুরু করার আগে পৃষ্ঠার খুব নিচে পর্যন্ত নিজে স্ক্রল করুন যাতে সমস্ত বিষয়বস্তু বাধ্যতামূলকভাবে লোড হয়।
পুনরাবৃত্ত হেডার/ফুটার	পৃষ্ঠায় স্টিকি এলিমেন্ট ছবি একসাথে জোড়া দেওয়ার স্ক্রিনশট টুলগুলিকে বিভ্রান্ত করছে।	আরও উন্নত ক্যাপচার পদ্ধতি ব্যবহার করুন, যেমন ব্রাউজারের অন্তর্নিহিত DevTools বা এমন একটি নির্দিষ্ট এক্সটেনশন যা স্টিকি এলিমেন্ট হ্যান্ডেল করতে পারে।
ঝাপসা টেক্সট বা অস্পষ্ট বিস্তারিত	স্ক্রিনশটটি উচ্চ সংকোচন সহ একটি JPG হিসাবে সংরক্ষণ করা হয়েছিল, যা মান নষ্ট করে।	সর্বাধিক স্পষ্টতার জন্য স্ক্রিনশটটি PNG হিসাবে সংরক্ষণ করুন। ফাইলের আকার গুরুত্বপূর্ণ হলে, JPG ব্যবহার করুন কিন্তু আরও উচ্চ মান সেটিংয়ে।
অত্যন্ত বড় ফাইল আকার	একটি দীর্ঘ পৃষ্ঠা সংকোচন-মুক্ত PNG হিসাবে সংরক্ষণ করা হয়েছিল, যার ফলে একটি বিশাল ফাইল তৈরি হয়েছিল।	একটি JPG হিসাবে সংরক্ষণ করুন বা পিএনজি সংকোচন করার জন্য একটি অনলাইন টুল ব্যবহার করুন। আপনি আরও ছোট ফাইলের জন্য পিএনজিকে জেপিজিতে রূপান্তরিত করতে পারেন।
জটিল পৃষ্ঠায় ক্যাপচার ব্যর্থ হয়	পৃষ্ঠাটিতে এমন জটিল ইন্টারঅ্যাক্টিভ উপাদান, অ্যানিমেশন বা স্ক্রিপ্ট রয়েছে যা টুলটির সাথে হস্তক্ষেপ করে।	DevTools এর মাধ্যমে সাময়িকভাবে JavaScript নিষ্ক্রিয় করার চেষ্টা করুন, অথবা আরও সামঞ্জস্যপূর্ণ হতে পারে এমন ভিন্ন স্ক্রিনশট এক্সটেনশন ব্যবহার করুন।

আশা করি, পরবর্তীবার আপনার স্ক্রিনশট সঠিকভাবে না এলে এই টেবিলটি আপনাকে স্পষ্ট পথ দেখাতে সাহায্য করবে। সামান্য ট্রাবলশুটিং জ্ঞানই প্রচুর সময�ঃ এবং হতাশা বাঁচাতে পারে।

প্রশ্ন আছে? আমরা উত্তর দিতে পারি

Two laptops side-by-side illustrating a website issue with a sticky note and a fixed, clean webpage.

সর্বোত্তম টুল হাতের কাছে থাকলেও, পুরো পৃষ্ঠার স্ক্রিনশট নেওয়ার সময় আপনি কিছু কঠিন পরিস্থিতিতে পড়তেই পারেন। আমি যে সবচেয়ে সাধারণ প্রশ্নগুলো শুনি সেগুলো সমাধান করা যাক, যাতে আপনি প্রতিবারই নিখুঁত স্ক্রিনশট পেতে পারেন।

স্ক্রিনশট সংরক্ষণের জন্য সেরা ফরম্যাট কোনটি?

দশে নয় বার, PNG আপনার সেরা বিকল্প। এটি যে ধরনের ক্ষতিহীন সংকোচন ব্যবহার করে তা হলো আপনার ছবির মান কোনোভাবেই কমবে না - এটি একটি সুন্দরভাবে বলার উপায়। প্রতিটি পাঠ্য লাইন একদম স্পষ্ট থাকবে এবং প্রতিটি ডিজাইন উপাদান স্ক্রিনে যেমন দেখাচ্ছে ঠিক তেমনই দেখাবে। ডিজাইন মকআপ, বাগ রিপোর্ট বা যেকোনো পেশাদার কাজের জন্য যেখানে বিস্তারিত বিবরণ সবচেয়ে গুরুত্বপূর্ণ, এটি অপরিবর্তনীয়।

তাহলে, কখন অন্য কিছু ব্যবহার করবেন? JPG মূলত শুধুমাত্র তখনই ব্যবহার করবেন যখন ফাইলের আকার আপনার সবচেয়ে বড় উদ্বেগ, এবং আপনি অল্প ঝাপসা দেখতে রাজি। নিবন্ধ সংরক্ষণ বা একাধিক স্ক্রিনশট একসাথে জোড়া দেওয়ার জন্য PDF একটি চমৎকার বিকল্প, বিশেষত যখন আপনি যে টুল ব্যবহার করছেন সেটি পাঠ্যকে নির্বাচনযোগ্য রাখে।

আমি কি সত্যিই লগইনের প্রয়োজনীয় একটি পৃষ্ঠার স্ক্রিনশট নিতে পারি?

আপনি অবশ্যই করতে পারেন। আমরা যে প্রতিটি পদ্ধতি নিয়ে কথা বলেছি—DevTools থেকে ব্রাউজার এক্সটেনশন—প্রত্যেকটিই কাজ করে আপনার স্ক্রিনে বর্তমানে যা আছে তা ক্যাপচার করে। পুরো প্রক্রিয়াটি আপনার কম্পিউটারেই সম্পূর্ণভাবে ঘটছে।

যেহেতু আপনি ইতিমধ্যেই লগ ইন করে আছেন, আপনার ব্রাউজার সকল অনুমোদিত বিষয়বস্তু সহ পৃষ্ঠাটি রেন্ডার করেছে। স্ক্রিনশট টুলটি শুধু যা ইতিমধ্যেই আছে তার ছবি তুলছে। এটি সার্ভারের সাথে যোগাযোগ করে না, তাই কোনো নিরাপত্তা ঝুঁকি জড়িত নেই।

মনে রাখার মূল বিষয়টি হলো এটি: আপনি যদি আপনার ব্রাউজারে এটি দেখতে পান, তাহলে একটি স্ক্রিনশট টুল এটি ক্যাপচার করতে পারবে। এটি ব্যক্তিগত অ্যাকাউন্ট ড্যাশবোর্ড বা অভ্যন্তরীণ কোম্পানি পোর্টালের মতো বিষয়গুলির ডকুমেন্টেশনের জন্য এই টুলগুলিকে সম্পূর্ণ নিরাপদ করে তোলে।

আমার স্ক্রিনশটগুলো কেন গ্লিচি দেখায় বা ছবি মিসিং থাকে?

এটি সম্ভবত সবচেয়ে সাধারণ ঝামেলা, এবং প্রায় সবসময়ই আধুনিক ওয়েবসাইটগুলি কীভাবে তৈরি করা হয় তার কারণে হয়। কয়েকটি নির্দিষ্ট কৌশল স্ক্রিনশট টুলগুলিকে বিভ্রান্ত করার জন্য বদনাম:

লেজি লোডিং: এটি তখন ঘটে যখন ছবিগুলি প্রকৃতপক্ষে লোড হয় না যতক্ষণ না আপনি সেগুলিকে স্ক্রল করে দৃশ্যমান করেন। এটি পেজ স্পিডের জন্য দারুণ, কিন্তু স্ক্রিনশটের জন্য খারাপ।
প্যারালাক্স স্ক্রলিং: যেসব কুল ইফেক্টে ব্যাকগ্রাউন্ড ফোর্গ্রাউন্ডের চেয়ে আলাদা গতিতে সরে，তারা ক্যাপচার টুলকে বিভ্রান্ত করতে পারে।
স্টিকি এলিমেন্টস: হেডার，ফুটার，বা সাইডবার কল্পনা করুন যা আপনি স্ক্রল করার সময় নড়ে না। কখনো কখনো তাদের ডুপ্লিকেট করা হতে পারে বা চূড়ান্ত ছবিতে কনটেন্ট ঢাকে দিতে পারে।

সমাধানটি বিশ্বাসযোগ্যভাবে সহজ। স্ক্রিনশট ট্রিগার করার আগে，শুধু একটু সময় নিয়ে পেজটির সবার নিচে পর্যন্ত ম্যানুয়ালি স্ক্রল করুন，তারপর আবার উপরে ফিরে এসে যান। এটি ব্রাউজারকে সবকিছু লোড করতে বাধ্য করে，যাতে টুলটি একটি সম্পূরণ，পুরোপুরি রেন্ডার করা পেজ নিয়ে কাজ করতে পারে। এটি একটি ছোট পদক্ষেপ যেটি বেশিরভাগ সময় সমস্যাটি সমাধান করে।

আপনি যদি এমন একটি টুল খুঁজছেন যা এই জটিল পেজগুলো অতিরিক্ত পরিশ্রম ছাড়াই হ্যান্ডেল করতে পারে，তাহলে ShiftShift Extensions স্যুটটি দেখার যোগ্য। এর ওয়ান-ক্লিক ফুল পেজ স্ক্রিনশট টুলটি আধুনিক ওয়েব ডিজাইনের বিশেষত্বগুলো সুন্দরভাবে মোকাবেলা করার জন্য তৈরি，সবকিছী একটি একক，ঐক্যবদ্ধ কমান্ড প্যালেট থেকে। এটি মৌলিক বিল্ট-ইন অপশনের তুলনায় একটি গুরুতর আপগ্রেড। আপনি ShiftShift ইকোসিস্টেম অনুসন্ধান করতে পারেন দেখতে কীভাবে এটি আপনার কাজের প্রবাহকে সরল করতে পারে।

নিবন্ধটি তৈরি করা হয়েছে Outrank ব্যবহার করে