എന്തെങ്കിലും ഉപകരണത്തിൽ മുഴുവൻ വെബ്പേജ് സ്ക്രീൻഷോട്ട് എടുക്കാൻ: ഒരു സമ്പൂർണ്ണ ഗൈഡ്

നമ്മളെല്ലാം ഈ അവസ്ഥയിലൂടെ കടന്നുപോയിട്ടുണ്ട്. ഒരു വെബ് പേജ് സേവ് ചെയ്യാൻ നിങ്ങൾ 'പ്രിന്റ് സ്ക്രീൻ' അമർത്തുന്നു, പക്ഷേ നിങ്ങളുടെ മോണിറ്ററിൽ കാണുന്ന ചെറിയ ഭാഗം മാത്രമേ നിങ്ങൾക്ക് ലഭിക്കൂ. താഴെ മറഞ്ഞിരിക്കുന്ന പ്രധാനപ്പെട്ട ഉള്ളടക്കത്തെക്കുറിച്ചോ?

ഒരു മുഴുവൻ വെബ് പേജിന്റെയും സ്ക്രീൻഷോട്ട് എങ്ങനെ എടുക്കാം എന്ന് പഠിക്കുന്നത് ഒരു ഗെയിം ചേഞ്ചറാണ്. ഇത് ഹെഡർ മുതൽ ഫൂട്ടർ വരെയുള്ള എല്ലാം ഒരു വൃത്തിയുള്ള, തുടർച്ചയായ ചിത്രത്തിൽ പകർത്താൻ നിങ്ങളെ അനുവദിക്കുന്നു, ഇത് വിഘടിച്ച ഭാഗങ്ങളെ ഒരു പൂർണ്ണമായ വിഷ്വൽ റെക്കോർഡാക്കി മാറ്റുന്നു.

പ്രിന്റ് സ്ക്രീനിനേക്കാൾ കൂടുതൽ നിങ്ങൾക്ക് എന്തുകൊണ്ട് ആവശ്യമാണ്

ഒരു സാധാരണ പ്രിന്റ് സ്ക്രീനും ദൃശ്യമായ ബ്രൗസർ വിൻഡോകളും ഒരു സ്ക്രോൾ ചെയ്യാവുന്ന വെബ് പേജിന്റെ മുഴുവൻ പേജ് ക്യാപ്ചറും തമ്മിലുള്ള താരതമ്യം.

ഒരു നീണ്ട ലേഖനമോ ഒരു എതിരാളിയുടെ ലാൻഡിംഗ് പേജോ സേവ് ചെയ്യാൻ നിങ്ങൾ അവസാനമായി ശ്രമിച്ചത് ഓർക്കുക. നിങ്ങൾ ഒരു സ്ക്രീൻഷോട്ട് എടുക്കുകയും, സ്ക്രോൾ ചെയ്യുകയും, മറ്റൊന്ന് എടുക്കുകയും, താഴെ എത്തുന്നത് വരെ ഈ പ്രക്രിയ ആവർത്തിക്കുകയും ചെയ്തിട്ടുണ്ടാകാം. ഫലം? നിങ്ങൾ കഷ്ടപ്പെട്ട് ഒരുമിച്ച് ചേർക്കേണ്ടി വന്ന ചിത്രങ്ങളുടെ ഒരു അലങ്കോലമായ കൂട്ടം, നിങ്ങൾ അതിന് മെനക്കെട്ടിട്ടുണ്ടെങ്കിൽ.

ഈ മാനുവൽ സമീപനം ഒരു തലവേദന മാത്രമല്ല; ഏതൊരു പ്രൊഫഷണൽ ജോലിക്കും ഇത് തികച്ചും പ്രായോഗികമല്ല. വെബ്സൈറ്റുകളുമായി ബന്ധപ്പെട്ട് പ്രവർത്തിക്കുന്ന ആർക്കും - ഡെവലപ്പർമാർ, മാർക്കറ്റർമാർ, ഡിസൈനർമാർ, നിങ്ങൾ ആരുമാകട്ടെ - ഒരു ലളിതമായ സ്ക്രീൻ ഗ്രാബ് മതിയാകില്ല.

QA ടെസ്റ്റർമാർക്ക്: ഒരു വലിയ പേജിന്റെ ഫൂട്ടറിൽ ഒരു വിഷ്വൽ ബഗ് കണ്ടെത്തുന്നത് സങ്കൽപ്പിക്കുക. ഒരു സാധാരണ സ്ക്രീൻഷോട്ടിന് മുഴുവൻ സന്ദർഭവും കാണിക്കാൻ കഴിയില്ല. ഒരു ഫുൾ-പേജ് ക്യാപ്ചർ, മറുവശത്ത്, മുഴുവൻ ലേഔട്ടും രേഖപ്പെടുത്തുന്നു, ഇത് നിങ്ങളുടെ ബഗ് റിപ്പോർട്ടുകൾ നൂറ് മടങ്ങ് വ്യക്തമാക്കുന്നു.
വെബ് ഡെവലപ്പർമാർക്ക്: ഒരു ക്ലയന്റിന് ഒരു പുതിയ ഡിസൈൻ കാണിക്കുമ്പോൾ, മുഴുവൻ ഹോംപേജിന്റെയും ഒരൊറ്റ, യോജിച്ച ചിത്രം അയയ്ക്കുന്നത് വിഘടിച്ച ഫയലുകളുടെ ഒരു പരമ്പരയേക്കാൾ കൂടുതൽ മിഴിവുള്ളതായി കാണപ്പെടുന്നു. ഇത് അവർക്ക് മുഴുവൻ പേജ് ഫ്ലോയും ഒരേസമയം അവലോകനം ചെയ്യാൻ അനുവദിക്കുന്നു.
മാർക്കറ്റർമാർക്ക്: ഒരു എതിരാളിയുടെ സെയിൽസ് ഫണലോ ഒരു വിശദമായ ഉൽപ്പന്ന പേജോ ആർക്കൈവ് ചെയ്യാൻ ശ്രമിക്കുകയാണോ? നിങ്ങൾക്ക് എല്ലാം പകർത്തേണ്ടതുണ്ട്. ഒരു ഫുൾ-പേജ് സ്ക്രീൻഷോട്ട് ആ മുഴുവൻ ഉപയോക്തൃ യാത്രയും ഒരു ഫയലിൽ സംരക്ഷിക്കുന്നു, വിശകലനത്തിനായി തയ്യാറാണ്.

ആധുനിക വെബ് വെല്ലുവിളികളെ അതിജീവിക്കുന്നു

ഇന്നത്തെ വെബ്സൈറ്റുകൾ സ്റ്റാറ്റിക് അല്ല. അടിസ്ഥാന സ്ക്രീൻഷോട്ട് രീതികളെ തടസ്സപ്പെടുത്തുന്ന ഡൈനാമിക് ഘടകങ്ങൾ അവയിൽ നിറഞ്ഞിരിക്കുന്നു. പേജിൽ നിങ്ങളെ പിന്തുടരുന്ന സ്റ്റിക്കി ഹെഡറുകൾ നിങ്ങളുടെ ഒരുമിച്ച് ചേർത്ത ചിത്രങ്ങളിൽ തനിപ്പകർപ്പായി അവസാനിച്ചേക്കാം. നിങ്ങൾ സ്ക്രോൾ ചെയ്യുമ്പോൾ മാത്രം ദൃശ്യമാകുന്ന ലേസി-ലോഡഡ് ഉള്ളടക്കത്തെക്കുറിച്ചോ? നിങ്ങൾ ശരിയായ ഉപകരണം ഉപയോഗിക്കുന്നില്ലെങ്കിൽ അത് നിങ്ങളുടെ അവസാന ചിത്രത്തിൽ നിന്ന് പൂർണ്ണമായും നഷ്ടപ്പെട്ടേക്കാം.

ഒരു മുഴുവൻ വെബ് പേജ് പകർത്തുന്നത് സൗകര്യത്തെക്കുറിച്ച് മാത്രമല്ല - കൃത്യവും, പ്രൊഫഷണൽ, പൂർണ്ണവുമായ ഒരു വിഷ്വൽ ഡോക്യുമെന്റ് സൃഷ്ടിക്കുന്നതിനെക്കുറിച്ചാണ്. പേജിന്റെ സമഗ്രത അത് കാണേണ്ട രീതിയിൽ തന്നെ നിങ്ങൾ സംരക്ഷിക്കുകയാണ്.

ഇതൊരു പ്രത്യേക ആവശ്യം മാത്രമല്ല. വിശ്വസനീയമായ ക്യാപ്ചർ ടൂളുകൾക്കുള്ള ആവശ്യം വർദ്ധിച്ചുകൊണ്ടിരിക്കുകയാണ്. വെബ്സൈറ്റ് സ്ക്രീൻഷോട്ട് സോഫ്റ്റ്‌വെയർ വിപണി 2033-ഓടെ 1.2 ബില്യൺ ഡോളർ കടക്കാനുള്ള ഒരുക്കത്തിലാണ്, ഓരോ വർഷവും 12% സ്ഥിരമായ വളർച്ചയോടെ. ഈ കുതിച്ചുചാട്ടം പ്രൊഫഷണലുകൾ മാനുവൽ രീതികൾ ഉപേക്ഷിച്ച് ഓട്ടോമേറ്റഡ് ടൂളുകളിലേക്ക് മാറുന്നതിന്റെ ഒരു പ്രധാന മാറ്റത്തെ പ്രതിഫലിപ്പിക്കുന്നു. കൂടുതൽ വിവരങ്ങൾക്കായി നിങ്ങൾക്ക് മുഴുവൻ മാർക്കറ്റ് വളർച്ചാ റിപ്പോർട്ട് പരിശോധിക്കാം.

"എങ്ങനെ" എന്നതിലേക്ക് കടക്കുന്നതിന് മുമ്പ്, ഓപ്ഷനുകൾ ഒരുമിച്ച് കാണുന്നത് സഹായകമാണ്. ഓരോ രീതിക്കും അതിൻ്റേതായ ശക്തികളുണ്ട്, വ്യത്യസ്ത സാഹചര്യങ്ങൾക്ക് അനുയോജ്യവുമാണ്.

വെബ് പേജ് ക്യാപ്ചർ രീതികൾ ഒറ്റനോട്ടത്തിൽ

രീതി	ഏറ്റവും അനുയോജ്യം	പ്രധാന പരിമിതി	ആവശ്യമായ സാങ്കേതിക വൈദഗ്ദ്ധ്യം
ബ്രൗസർ DevTools	ഡെവലപ്പർമാർ, QA ടെസ്റ്റർമാർ, സാങ്കേതിക ഉപയോക്താക്കൾ എന്നിവർക്ക് ഒന്നും ഇൻസ്റ്റാൾ ചെയ്യാതെ തന്നെ വേഗത്തിൽ, ബിൽറ്റ്-ഇൻ ക്യാപ്ചർ ആവശ്യമായി വരുമ്പോൾ.	സാങ്കേതികമല്ലാത്ത ഉപയോക്താക്കൾക്ക് ഭയപ്പെടുത്തുന്നതാകാം, കൂടാതെ വ്യാഖ്യാനിക്കാനോ എഡിറ്റ് ചെയ്യാനോ ഉള്ള സവിശേഷതകൾ ഇല്ല.	ഇന്റർമീഡിയറ്റ്
ബിൽറ്റ്-ഇൻ ബ്രൗസർ സവിശേഷതകൾ	Firefox അല്ലെങ്കിൽ Edge ഉപയോഗിക്കുന്ന സാധാരണ ഉപയോക്താക്കൾക്ക് അടിസ്ഥാന ക്യാപ്ചറുകൾക്കായി ലളിതമായ, ഒറ്റ-ക്ലിക്ക് പരിഹാരം ആവശ്യമായി വരുമ്പോൾ.	എല്ലാ ബ്രൗസറുകളിലും ലഭ്യമല്ല (പ്രത്യേകിച്ച് Chrome-ൽ) കൂടാതെ വളരെ പരിമിതമായ കസ്റ്റമൈസേഷൻ മാത്രമേയുള്ളൂ.	തുടക്കക്കാരൻ
ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ	മാർക്കറ്റർമാർ മുതൽ സപ്പോർട്ട് ടീമുകൾ വരെ എല്ലാവർക്കും എഡിറ്റിംഗ്, പങ്കിടൽ ഓപ്ഷനുകളുള്ള വിശ്വസനീയമായ, ഫീച്ചർ-റിച്ച് ടൂൾ ആവശ്യമായി വരുമ്പോൾ.	ഒരു മൂന്നാം കക്ഷി എക്സ്റ്റൻഷൻ ഇൻസ്റ്റാൾ ചെയ്യേണ്ടതുണ്ട്; ഫീച്ചർ നിലവാരം വളരെ വ്യത്യാസപ്പെടാം.	തുടക്കക്കാരൻ
മൊബൈൽ ഉപകരണ രീതികൾ	മൊബൈൽ-നിർദ്ദിഷ്ട ലേഔട്ടുകളോ ആപ്പ് ഉള്ളടക്കമോ ഒരു സ്മാർട്ട്ഫോണിൽ നിന്നോ ടാബ്ലെറ്റിൽ നിന്നോ നേരിട്ട് പകർത്താൻ.	ക്ലംകി ആകാം; ഗുണമേന്മ ഡെസ്ക്ടോപ്പ് ക്യാപ്ചറുകളേക്കാൾ ഉയർന്നതായിരിക്കില്ല.	തുടക്കക്കാരൻ

ഈ പട്ടിക നിങ്ങൾക്ക് ഒരു ദ്രുത അവലോകനം നൽകുന്നു, ഓരോന്നിനും വേണ്ടിയുള്ള ഘട്ടം ഘട്ടമായുള്ള നിർദ്ദേശങ്ങളിലേക്ക് കടക്കുന്നതിന് മുമ്പ് ശരിയായ പാത തിരഞ്ഞെടുക്കാൻ ഇത് നിങ്ങളെ സഹായിക്കുന്നു.

ജോലിക്ക് അനുയോജ്യമായ ഉപകരണം കണ്ടെത്തുന്നു

നല്ല വാർത്ത എന്തെന്നാൽ, ഒരു മുഴുവൻ വെബ് പേജിന്റെയും സ്ക്രീൻഷോട്ട് എടുക്കാൻ നിങ്ങൾ ഒരു കോഡിംഗ് ജീനിയസ് ആകേണ്ടതില്ല. ബിൽറ്റ്-ഇൻ ബ്രൗസർ കമാൻഡുകൾ മുതൽ ശക്തമായ എക്സ്റ്റൻഷനുകൾ വരെ, നിങ്ങളുടെ ആവശ്യങ്ങൾക്ക് തികച്ചും അനുയോജ്യമായ ഒരു ഉപകരണം അവിടെയുണ്ട്. അനന്തമായ സ്ക്രോൾ, ഡൈനാമിക് ഉള്ളടക്കം പോലുള്ള ആധുനിക വെല്ലുവിളികളെ നേരിടാൻ ഈ പരിഹാരങ്ങൾ നിർമ്മിച്ചിരിക്കുന്നു, ഓരോ തവണയും നിങ്ങൾക്ക് ഒരു പിക്സൽ-പെർഫെക്റ്റ് ക്യാപ്ചർ ലഭിക്കുന്നുവെന്ന് ഉറപ്പാക്കുന്നു.

വരാനിരിക്കുന്ന ഭാഗങ്ങളിൽ, ലഭ്യമായ മികച്ച രീതികളിലൂടെ ഞങ്ങൾ നിങ്ങളെ കൊണ്ടുപോകും, അതുവഴി നിങ്ങളുടെ വർക്ക്ഫ്ലോയിൽ കൃത്യമായി ചേരുന്ന ഒന്ന് നിങ്ങൾക്ക് കണ്ടെത്താനാകും.

നിങ്ങളുടെ ബ്രൗസറിന്റെ മറഞ്ഞിരിക്കുന്ന സ്ക്രീൻഷോട്ട് ടൂളുകൾ ഉപയോഗിക്കുന്നു

ഒരു മൂന്നാം കക്ഷി ഉപകരണം ഇൻസ്റ്റാൾ ചെയ്യുന്നതിനെക്കുറിച്ച് ചിന്തിക്കുന്നതിന് മുമ്പ്, നിങ്ങളുടെ ബ്രൗസറിന് ഇതിനകം ചെയ്യാൻ കഴിയുന്നത് നോക്കുക. ഇതൊരു രഹസ്യമാണ്, പക്ഷേ Chrome, Firefox, Edge പോലുള്ള ബ്രൗസറുകൾക്ക് അധിക സോഫ്റ്റ്‌വെയറുകളൊന്നും ആവശ്യമില്ലാതെ ഒരു മുഴുവൻ വെബ് പേജിന്റെയും സ്ക്രീൻഷോട്ട് എടുക്കാൻ കഴിയുന്ന ശക്തമായ, നേറ്റീവ് ടൂളുകൾ ഉണ്ട്.

ഡെവലപ്പർമാരും QA പ്രൊഫഷണലുകളും പലപ്പോഴും ഈ ബിൽറ്റ്-ഇൻ രീതികൾ ഉപയോഗിക്കുന്നതായി ഞാൻ കാണുന്നു. എന്തുകൊണ്ട്? അവ വിശ്വസനീയമാണ്, ഇതിനകം ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ട്, കൂടാതെ അവർ ടെസ്റ്റിംഗിനും ഡെവലപ്‌മെന്റിനും ഉപയോഗിക്കുന്ന പരിതസ്ഥിതിയിൽ നേരിട്ട് പ്രവർത്തിക്കുകയും ചെയ്യുന്നു. ഈ സമീപനം ബ്രൗസർ എക്സ്റ്റൻഷനുകളിൽ ചിലപ്പോൾ ഉണ്ടാകുന്ന സ്വകാര്യത ആശങ്കകളോ സാധ്യതയുള്ള വൈരുദ്ധ്യങ്ങളോ ഒഴിവാക്കുന്നു.

Chrome DevTools-ൽ ഫുൾ-പേജ് സ്ക്രീൻഷോട്ടുകൾ അൺലോക്ക് ചെയ്യുന്നു

Google Chrome ഒരു "മുഴുവൻ പേജ് സംരക്ഷിക്കുക" ബട്ടൺ മുന്നിൽ വെക്കുന്നില്ല. പകരം, അതിന്റെ ഡെവലപ്പർ ടൂളുകൾക്കുള്ളിൽ (DevTools) അവിശ്വസനീയമാംവിധം കൃത്യമായ ഒരു ക്യാപ്ചർ ടൂൾ ഒളിപ്പിച്ചിരിക്കുന്നു. എനിക്ക് ഒരു പിക്സൽ-പെർഫെക്റ്റ് ഫലം ആവശ്യമുള്ളപ്പോൾ, പ്രത്യേകിച്ച് സാങ്കേതിക ജോലികൾക്ക്, ഇതാണ് എന്റെ ഇഷ്ടപ്പെട്ട ഉപകരണം.

അതിലേക്ക് എത്തുന്നത് വളരെ ലളിതമാണ്. ആദ്യം, നിങ്ങൾ DevTools തുറക്കേണ്ടതുണ്ട്. പേജിൽ എവിടെയും റൈറ്റ്-ക്ലിക്ക് ചെയ്ത് "പരിശോധിക്കുക" (Inspect) അമർത്തുക, അല്ലെങ്കിൽ ഒരു കീബോർഡ് കുറുക്കുവഴി ഉപയോഗിക്കുക:

വിൻഡോസ്/ലിനക്സിൽ: Ctrl + Shift + I
മാക്കിൽ: Cmd + Option + I

DevTools പാനൽ തുറന്ന ശേഷം, നിങ്ങൾ കമാൻഡ് മെനു കൊണ്ടുവരേണ്ടതുണ്ട്. അതൊരു മറ്റൊരു ദ്രുത കീബോർഡ് കുറുക്കുവഴിയാണ്: Ctrl + Shift + P (വിൻഡോസ്/ലിനക്സിൽ) അല്ലെങ്കിൽ Cmd + Shift + P (മാക്കിൽ). ഒരു സെർച്ച് ബാർ ഉടൻ പ്രത്യക്ഷപ്പെടും.

അവിടെ നിന്ന്, "സ്ക്രീൻഷോട്ട്" എന്ന് ടൈപ്പ് ചെയ്യാൻ തുടങ്ങുക. കുറച്ച് ഓപ്ഷനുകൾ താഴേക്ക് ഫിൽട്ടർ ചെയ്യുന്നത് നിങ്ങൾ കാണും, പക്ഷേ നിങ്ങൾ തിരയുന്നത് "പൂർണ്ണ വലുപ്പമുള്ള സ്ക്രീൻഷോട്ട് എടുക്കുക" എന്നതാണ്. അതിൽ ക്ലിക്ക് ചെയ്യുക. Chrome ബാക്കിയുള്ളവ കൈകാര്യം ചെയ്യും - മുഴുവൻ പേജും സ്ക്രോൾ ചെയ്യുകയും ഒരുമിച്ച് ചേർക്കുകയും ചെയ്യും - തുടർന്ന് നിങ്ങളുടെ ഡൗൺലോഡ്സ് ഫോൾഡറിലേക്ക് ഒരു PNG ഫയലായി സംരക്ഷിക്കും. എളുപ്പം.

പ്രതികരണാത്മക ക്യാപ്ചറുകൾക്കായി മൊബൈൽ ഉപകരണങ്ങൾ അനുകരിക്കുന്നു

ഇവിടെയാണ് DevTools രീതി ശരിക്കും തിളങ്ങുന്നത്: ഉപകരണ എമുലേറ്ററുമായുള്ള അതിന്റെ സംയോജനം. റെസ്പോൺസീവ് ഡിസൈൻ ടെസ്റ്റിംഗ് നടത്തുന്ന ഏതൊരാൾക്കും ഈ ഫീച്ചർ ഒരു ഗെയിം ചേഞ്ചറാണ്, കാരണം ഇത് ഒരു പ്രത്യേക ഫോണിലോ ടാബ്‌ലെറ്റിലോ എങ്ങനെ കാണപ്പെടുമോ അതുപോലെ ഒരു വെബ് പേജ് പകർത്താൻ നിങ്ങളെ അനുവദിക്കുന്നു.

തുടങ്ങാൻ, DevTools തുറന്ന് "ടോഗിൾ ഡിവൈസ് ടൂൾബാർ" ഐക്കൺ കണ്ടെത്തുക; ഇത് ഒരു ഫോണിന് അടുത്തുള്ള ഒരു ചെറിയ ടാബ്‌ലെറ്റ് പോലെ കാണപ്പെടുന്നു. ഇതിൽ ക്ലിക്ക് ചെയ്യുന്നത് വെബ് പേജിനെ ഒരു സിമുലേറ്റഡ് മൊബൈൽ സ്ക്രീനിലേക്ക് ഉടൻ തന്നെ മാറ്റുന്നു. iPhone 14 Pro അല്ലെങ്കിൽ Samsung Galaxy S20 Ultra പോലുള്ള ഡസൻ കണക്കിന് ജനപ്രിയ ഉപകരണങ്ങളിൽ നിന്ന് തിരഞ്ഞെടുക്കാൻ നിങ്ങൾക്ക് ഡ്രോപ്പ്ഡൗൺ മെനു ഉപയോഗിക്കാം.

A DevTools window with the 'Device Emulator' button highlighted for responsive web design testing.

ലേഔട്ടുകൾ, ഫോണ്ടുകൾ, ചിത്രങ്ങൾ എന്നിവയെല്ലാം ചെറിയ സ്ക്രീനുകളിൽ ശരിയായി റെൻഡർ ചെയ്യുന്നുണ്ടോ എന്ന് സ്ക്രീൻഷോട്ട് എടുക്കുന്നതിന് മുമ്പ് പരിശോധിക്കുന്നതിന് ഈ കാഴ്ച വളരെ പ്രധാനമാണ്.

മൊബൈൽ കാഴ്ച ക്രമീകരിച്ചുകഴിഞ്ഞാൽ, മുമ്പത്തെ അതേ ഘട്ടങ്ങൾ ആവർത്തിക്കുക. കമാൻഡ് മെനു തുറക്കുക (Ctrl/Cmd + Shift + P), "screenshot" എന്ന് ടൈപ്പ് ചെയ്യുക, തുടർന്ന് "Capture full size screenshot" തിരഞ്ഞെടുക്കുക. നിങ്ങൾക്ക് മികച്ച, ലംബമായി സ്ക്രോൾ ചെയ്യുന്ന ഒരു മൊബൈൽ ക്യാപ്ചർ ലഭിക്കും. ഒരു നീണ്ട ഇ-കൊമേഴ്‌സ് ഉൽപ്പന്ന പേജിൽ മൊബൈൽ-ഫസ്റ്റ് ഡിസൈനുകൾ പരിശോധിക്കാൻ QA എഞ്ചിനീയർമാർ ഉപയോഗിക്കുന്ന കൃത്യമായ വർക്ക്ഫ്ലോ ഇതാണ്.

Firefox-ലും Edge-ലും ഉള്ള നേറ്റീവ് സ്ക്രീൻഷോട്ട് ടൂളുകൾ

Chrome-ൽ അല്പം ബുദ്ധിമുട്ടാണെങ്കിലും, Firefox-ഉം Edge-ഉം ഈ പ്രക്രിയ സാധാരണ ഉപയോക്താക്കൾക്ക് കൂടുതൽ എളുപ്പമാക്കിയിട്ടുണ്ട്, പ്രധാന ബ്രൗസർ ഇന്റർഫേസിൽ തന്നെ ഈ ഫീച്ചർ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്.

Firefox-ൽ: പേജിൽ എവിടെയും റൈറ്റ്-ക്ലിക്ക് ചെയ്ത് "Take Screenshot" തിരഞ്ഞെടുക്കുക. ഒരു ഓവർലേ പോപ്പ് അപ്പ് ചെയ്യും, നിങ്ങൾ കാണുന്നത് സേവ് ചെയ്യാനോ മുഴുവൻ പേജും സേവ് ചെയ്യാനോ ഉള്ള ഓപ്ഷൻ നൽകും. ഇത് ലളിതമായ, രണ്ട്-ക്ലിക്ക് പ്രക്രിയയാണ്.
Microsoft Edge-ൽ: നിങ്ങൾക്ക് Ctrl + Shift + S എന്ന ഷോർട്ട്കട്ട് ഉപയോഗിക്കാം അല്ലെങ്കിൽ പ്രധാന സെറ്റിംഗ്സ് മെനുവിൽ (...) ക്ലിക്ക് ചെയ്ത് "Web capture" കണ്ടെത്താം. ഇത് ഒരു പ്രത്യേക ഭാഗം അല്ലെങ്കിൽ മുഴുവൻ പേജും ക്യാപ്ചർ ചെയ്യാനുള്ള ഓപ്ഷനുകളും നൽകുന്നു.

ഈ ബിൽറ്റ്-ഇൻ ടൂളുകൾ അവിശ്വസനീയമാംവിധം സൗകര്യപ്രദമാണ്, പക്ഷേ അവ ഒരു വലിയ ഉൽപ്പാദനക്ഷമതയുടെ ചിത്രത്തിന്റെ ഒരു ഭാഗം മാത്രമാണ്. അവ ക്യാപ്ചർ ചെയ്യുന്നത് കൃത്യമായി ചെയ്യുന്നു, പക്ഷേ മറ്റ് സൊല്യൂഷനുകൾക്ക് നൽകാൻ കഴിയുന്ന സംയോജിത വർക്ക്ഫ്ലോ അവയ്ക്ക് ഇല്ല. നിങ്ങളുടെ ബ്രൗസർ കാര്യക്ഷമത വർദ്ധിപ്പിക്കുന്നതിന്, ഉൽപ്പാദനക്ഷമതയ്ക്കുള്ള മികച്ച Chrome എക്സ്റ്റൻഷനുകളെക്കുറിച്ചുള്ള ഞങ്ങളുടെ ഗൈഡ് പരിശോധിക്കുക.

പ്രോ ടിപ്പ്: നിങ്ങൾ സ്ക്രോൾ ചെയ്യുമ്പോൾ കൂടുതൽ ഉള്ളടക്കം ലോഡ് ചെയ്യുന്ന ഡൈനാമിക് വെബ്സൈറ്റുകളുമായി (സോഷ്യൽ മീഡിയ ഫീഡുകൾ പോലെ) ഇടപെഴകുമ്പോൾ, സ്ക്രീൻഷോട്ട് എടുക്കുന്നതിന് മുമ്പ് ഞാൻ എല്ലായ്പ്പോഴും പേജിന്റെ ഏറ്റവും താഴേക്ക് സ്വമേധയാ സ്ക്രോൾ ചെയ്യാറുണ്ട്. ഇത് എല്ലാ ഘടകങ്ങളെയും ലോഡ് ചെയ്യാൻ പ്രേരിപ്പിക്കുന്നു, അങ്ങനെ അവ അന്തിമ ചിത്രത്തിൽ ദൃശ്യമാകും.

ഈ ക്യാപ്ചറുകളുടെ വിശ്വാസ്യത നിർണായകമാണ്, പ്രത്യേകിച്ച് QA ടെസ്റ്റിംഗ് പോലുള്ള പ്രൊഫഷണൽ സാഹചര്യങ്ങളിൽ. ഇത് വിചിത്രമാണ്, പക്ഷേ ചില വാണിജ്യ സ്ക്രീൻഷോട്ട് API-കൾക്ക് 28% മുതൽ 75% വരെ പരാജയ നിരക്കുകൾ ഉണ്ട്, അതേസമയം മികച്ചവയ്ക്ക് ഇത് ഏകദേശം 6% ആയി നിലനിർത്താൻ കഴിയും. ഈ വലിയ വ്യത്യാസം, പ്രത്യേകിച്ച് ധാരാളം JavaScript റെൻഡറിംഗ് ഉള്ള സങ്കീർണ്ണമായ സിംഗിൾ-പേജ് ആപ്ലിക്കേഷനുകൾ ക്യാപ്ചർ ചെയ്യേണ്ട ഡെവലപ്പർമാർക്ക്, വിശ്വസനീയമായ, ബിൽറ്റ്-ഇൻ രീതി എത്രത്തോളം വിലപ്പെട്ടതാണെന്ന് അടിവരയിടുന്നു.

ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ ഉപയോഗിക്കുന്നു: ShiftShift-നെക്കുറിച്ചുള്ള ആഴത്തിലുള്ള പഠനം

ബിൽറ്റ്-ഇൻ ബ്രൗസർ ടൂളുകൾ ഒരു അടിസ്ഥാന ക്യാപ്ചറിനായി ഉപയോഗപ്രദമാണെങ്കിലും, നിങ്ങൾ വേഗത്തിൽ നീങ്ങുമ്പോൾ അവ അല്പം മന്ദഗതിയിലുള്ളതും ബുദ്ധിമുട്ടുള്ളതുമായി തോന്നിയേക്കാം. ഇവിടെയാണ് ഒരു നല്ല ബ്രൗസർ എക്സ്റ്റൻഷൻ ശരിക്കും തിളങ്ങുന്നത്, ഒരു മുഴുവൻ വെബ്പേജിന്റെയും സ്ക്രീൻഷോട്ട് എടുക്കാൻ വളരെ വേഗതയേറിയതും കൂടുതൽ അവബോധജന്യവുമായ മാർഗ്ഗം ഇത് നൽകുന്നു. സത്യസന്ധമായി പറഞ്ഞാൽ, ഇത് പതിവായി ചെയ്യേണ്ട ഏതൊരാൾക്കും, എക്സ്റ്റൻഷനുകൾ ഒരു ഗെയിം ചേഞ്ചറാണ്.

ഡെവലപ്പർ മെനുകളിലൂടെ തിരയുന്നതിന് പകരം, നിങ്ങൾക്ക് ലളിതമായ ഒരു ക്ലിക്ക് പരിഹാരം ലഭിക്കുന്നു. പലതും എഡിറ്റിംഗ് ടൂളുകൾ, വ്യാഖ്യാനങ്ങൾ, അല്ലെങ്കിൽ ക്ലൗഡ് സ്റ്റോറേജ് പോലുള്ള സൗകര്യപ്രദമായ ഫീച്ചറുകൾ നൽകുന്നു. ഈ എക്സ്റ്റൻഷനുകൾ യഥാർത്ഥ ലോക ടാസ്ക്കുകൾക്കായി നിർമ്മിച്ചതാണ്, നിങ്ങൾ ഒരു എതിരാളിയുടെ ലാൻഡിംഗ് പേജ് സംരക്ഷിക്കുന്ന ഒരു മാർക്കറ്ററായാലും അല്ലെങ്കിൽ പ്രചോദനം നേടുന്ന ഒരു ഡിസൈനറായാലും.

ShiftShift സ്ക്രീൻഷോട്ട് വർക്ക്ഫ്ലോ

ഓപ്ഷനുകളുടെ കടലിൽ, ShiftShift എക്സ്റ്റൻഷൻ ഇക്കോസിസ്റ്റം വളരെ സവിശേഷമായ ഒരു സമീപനം സ്വീകരിക്കുന്നു. ഇത് മറ്റൊരു സ്ക്രീൻഷോട്ട് ടൂൾ മാത്രമല്ല; ഒരു വലിയ ഉൽപ്പാദനക്ഷമത സ്യൂട്ടിൽ ഉൾപ്പെടുത്തിയിട്ടുള്ള ഒരു ഫീച്ചറാണിത്, അത് ഒരു ഒറ്റ, ശക്തമായ കമാൻഡ് ഇന്റർഫേസ് വഴി നിങ്ങൾക്ക് ആക്സസ് ചെയ്യാൻ കഴിയും. ഇത് ബ്രൗസർ ടൂളുകളെക്കുറിച്ച് നിങ്ങൾ ചിന്തിക്കുന്ന രീതിയെ പൂർണ്ണമായും മാറ്റുന്നു.

എല്ലാം കമാൻഡ് പാലറ്റ് വഴിയാണ് പ്രവർത്തിക്കുന്നത്. Shift കീയിൽ ഡബിൾ-ടാപ്പ് ചെയ്യുക, അത് ഉടൻ തന്നെ പോപ്പ് അപ്പ് ചെയ്യും. നിങ്ങൾ കീബോർഡ് ഷോർട്ട്കട്ടുകളാണ് ഇഷ്ടപ്പെടുന്നതെങ്കിൽ, Mac-ൽ Cmd+Shift+P അല്ലെങ്കിൽ Windows/Linux-ൽ Ctrl+Shift+P എന്നിവയും പ്രവർത്തിക്കും. അത് തുറന്നുകഴിഞ്ഞാൽ, നിങ്ങളുടെ മൗസ് ഉപയോഗിക്കാതെ തന്നെ എല്ലാം ചെയ്യാൻ കഴിയും.

നിങ്ങളുടെ ആദ്യത്തെ മുഴുവൻ പേജ് സ്ക്രീൻഷോട്ട് ക്യാപ്ചർ ചെയ്യുന്നു

മുഴുവൻ പ്രക്രിയയും വേഗതയ്ക്കായി നിർമ്മിച്ചതാണ്. കമാൻഡ് പാലറ്റ് സജീവമായാൽ, "screenshot" എന്ന് ടൈപ്പ് ചെയ്യാൻ തുടങ്ങുക. സ്മാർട്ട് സെർച്ച് തൽക്ഷണം ഫുൾ പേജ് സ്ക്രീൻഷോട്ട് ടൂൾ കണ്ടെത്തുന്നു. മെനുകളിലൂടെ തിരയേണ്ടതില്ല.

അവിടെ നിന്ന്, നിങ്ങൾക്ക് മൂന്ന് ലളിതമായ ഓപ്ഷനുകൾ കാണാം, ഓരോന്നും വ്യത്യസ്ത സാഹചര്യങ്ങൾക്കുള്ളതാണ്:

ദൃശ്യമായ ഭാഗം: ഇത് നിങ്ങളുടെ സ്ക്രീനിൽ നിലവിൽ കാണുന്നതെല്ലാം ക്യാപ്ചർ ചെയ്യുന്നു, ഒരു സാധാരണ സ്ക്രീൻഷോട്ട് പോലെ, പക്ഷേ ബ്രൗസർ ക്രോം ഇല്ലാതെ.
കസ്റ്റം സെലക്ഷൻ: ഒരു പ്രത്യേക ചാർട്ട്, ചിത്രം, അല്ലെങ്കിൽ ഉദ്ധരണി എന്നിവയിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കാൻ ഇത് അനുയോജ്യമാണ്. നിങ്ങൾക്ക് ആവശ്യമുള്ളതിന് ചുറ്റും ഒരു ബോക്സ് വരയ്ക്കാൻ ക്ലിക്ക് ചെയ്ത് വലിച്ചിടുക.
മുഴുവൻ പേജ്: ഇതാണ് നമ്മൾ തിരയുന്നത്. ഇത് തിരഞ്ഞെടുക്കുക, ടൂൾ സ്വയമേവ പേജ് താഴേക്ക് സ്ക്രോൾ ചെയ്യുകയും എല്ലാം ക്യാപ്ചർ ചെയ്യുകയും ഒരു മികച്ച, തടസ്സമില്ലാത്ത ചിത്രമായി സംയോജിപ്പിക്കുകയും ചെയ്യുന്നു.

നിങ്ങൾ ഒരു ഓപ്ഷൻ തിരഞ്ഞെടുത്ത ശേഷം, ക്യാപ്ചർ ഏതാനും നിമിഷങ്ങൾക്കുള്ളിൽ തയ്യാറാകും. നിങ്ങൾക്ക് അത് ഒരു PNG അല്ലെങ്കിൽ JPEG ഫയലായി സംരക്ഷിക്കാം. പാലറ്റ് വിളിക്കുന്നത് മുതൽ നിങ്ങളുടെ ഫയൽ സംരക്ഷിക്കുന്നത് വരെയുള്ള മുഴുവൻ പ്രവാഹവും അഞ്ച് സെക്കൻഡിനുള്ളിൽ പൂർത്തിയാക്കാൻ കഴിയും.

ShiftShift സമീപനത്തിന്റെ യഥാർത്ഥ മാന്ത്രികത ക്യാപ്ചർ ചെയ്യുന്നത് മാത്രമല്ല, മറ്റ് ടാസ്ക്കുകളുമായി ഇത് എത്രത്തോളം സുഗമമായി യോജിക്കുന്നു എന്നതുമാണ്. ഇത് പ്രത്യേക ടൂളുകളെ അവയുടെ സിലോകളിൽ നിന്ന് പുറത്തെടുക്കുകയും ഒരു ഒറ്റ, ആവശ്യാനുസരണമുള്ള വർക്ക്ഫ്ലോയിൽ ഉൾപ്പെടുത്തുകയും ചെയ്യുന്നു.

ഇത്തരത്തിലുള്ള സംയോജനം വലിയ സമയം ലാഭിക്കുന്ന ഒന്നാണ്. നിങ്ങൾ ഒരു മൂഡ് ബോർഡ് നിർമ്മിക്കുന്ന ഒരു ഡിസൈനറാണെന്ന് സങ്കൽപ്പിക്കുക. നിങ്ങൾക്ക് ഒരു സൈറ്റിന്റെ മുഴുവൻ പേജ് സ്ക്രീൻഷോട്ട് എടുക്കാം, തുടർന്ന്, കമാൻഡ് പാലറ്റ് വിടാതെ തന്നെ, മികച്ച പ്രകടനത്തിനായി ഒരു WebP ഫയലിലേക്ക് മാറ്റാൻ ഇമേജ് കൺവെർട്ടർ ടൂൾ ഉടൻ തന്നെ ലോഞ്ച് ചെയ്യാം. ഒറ്റപ്പെട്ട ടൂളുകൾക്ക് അത്തരത്തിലുള്ള സുഗമമായ അനുഭവം നൽകാൻ കഴിയില്ല.

സംയോജനവും സ്വകാര്യതയും എന്തുകൊണ്ട് പ്രധാനമാണ്

ShiftShift സമീപനത്തെ വേറിട്ടു നിർത്തുന്നത് അതിന്റെ പ്രധാന തത്വങ്ങളാണ്: സ്വകാര്യതയും പ്രകടനവും. നമ്മുടെ ഡാറ്റയെക്കുറിച്ച് കൂടുതൽ ബോധവാന്മാരായ ഒരു ലോകത്ത്, ഇത് ഒരു വലിയ കാര്യമാണ്.

100% ലോക്കൽ പ്രോസസ്സിംഗ്: സ്ക്രീൻഷോട്ട് മുതൽ ഒരു ഫയൽ കൺവെർട്ട് ചെയ്യുന്നത് വരെയുള്ള ഓരോ പ്രവർത്തനവും നിങ്ങളുടെ ബ്രൗസറിനുള്ളിൽ തന്നെ നടക്കുന്നു. ഒന്നും ഒരു റിമോട്ട് സെർവറിലേക്ക് അയയ്ക്കുന്നില്ല.
പൂർണ്ണമായും ഓഫ്‌ലൈനിൽ പ്രവർത്തിക്കുന്നു: എല്ലാം പ്രാദേശികമായി നടക്കുന്നതിനാൽ, നിങ്ങളുടെ ഇന്റർനെറ്റ് ഇല്ലാതായാലും നിങ്ങൾക്ക് സ്ക്രീൻഷോട്ട് ടൂളും മറ്റ് യൂട്ടിലിറ്റികളും ഉപയോഗിക്കാൻ കഴിയും.
ഡിസൈൻ പ്രകാരം സ്വകാര്യത കേന്ദ്രീകൃതമാണ്: എക്സ്റ്റൻഷൻ നിങ്ങളുടെ പ്രവർത്തനം ട്രാക്ക് ചെയ്യുകയോ നിങ്ങളുടെ വ്യക്തിഗത വിവരങ്ങൾ ശേഖരിക്കുകയോ ചെയ്യുന്നില്ല. നിങ്ങൾ ചെയ്യുന്നത് നിങ്ങളുടെ മെഷീനിൽ തന്നെ നിലനിൽക്കുന്നു.

ഈ ലോക്കൽ-ഫസ്റ്റ് ഡിസൈൻ അർത്ഥമാക്കുന്നത് നിങ്ങളുടെ ക്യാപ്ചറുകൾ വേഗതയുള്ളത് മാത്രമല്ല, പൂർണ്ണമായും സുരക്ഷിതവുമാണ് എന്നാണ്. ഡെവലപ്പർമാർക്കോ സെൻസിറ്റീവ് വിവരങ്ങളുമായി പ്രവർത്തിക്കുന്ന ഏതൊരാൾക്കോ — ആന്തരിക കമ്പനി പേജുകൾ അല്ലെങ്കിൽ പുറത്തിറക്കാത്ത ഉൽപ്പന്ന ഡിസൈനുകൾ പോലെ — ഇത് നിർണായകമാണ്. ഡാറ്റ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ നിന്ന് ഒരിക്കലും പുറത്തുപോകുന്നില്ലെന്ന് അറിഞ്ഞുകൊണ്ട് നിങ്ങൾക്ക് ആത്മവിശ്വാസത്തോടെ ഒരു മുഴുവൻ വെബ്പേജിന്റെയും സ്ക്രീൻഷോട്ട് എടുക്കാൻ കഴിയും. ഈ സ്വകാര്യത-ആദ്യ ചിന്താഗതിയോടെ നിർമ്മിച്ച കൂടുതൽ ടൂളുകൾക്കായി നിങ്ങൾ തിരയുകയാണെങ്കിൽ, ഡെവലപ്പർമാർക്കുള്ള മികച്ച Chrome എക്സ്റ്റൻഷനുകളുടെ ഞങ്ങളുടെ ലിസ്റ്റ് ഒരു മികച്ച ആരംഭ പോയിന്റാണ്.

തീർച്ചയായും, ബിൽറ്റ്-ഇൻ ഓപ്ഷനുകൾക്ക് പുറമെ, മറ്റ് നിരവധി മികച്ച എക്സ്റ്റൻഷനുകൾ ഉണ്ട്. ശരിയായത് കണ്ടെത്താൻ, വ്യത്യസ്ത ആവശ്യങ്ങൾക്കായി ഏതാണ് മികച്ച Chrome സ്ക്രീൻ ക്യാപ്ചർ എക്സ്റ്റൻഷൻ എന്ന് പരിഗണിക്കുന്നത് മൂല്യവത്താണ്, കാരണം ചിലത് വ്യാഖ്യാനിക്കുന്നതിന് മികച്ചതാണ്, മറ്റുള്ളവ വീഡിയോയിൽ മികവ് പുലർത്തുന്നു.

അവസാനമായി, ഒരു കീബോർഡ് ഷോർട്ട്കട്ട് ഉപയോഗിച്ച് നിങ്ങൾക്ക് വിളിക്കാൻ കഴിയുന്ന വിശ്വസനീയവും ബന്ധിപ്പിച്ചതുമായ ടൂളുകളുടെ ഒരു സ്യൂട്ട് ഉണ്ടായിരിക്കുന്നത് ഒരു ഡസൻ ഒറ്റ-ഉദ്ദേശ്യ എക്സ്റ്റൻഷനുകൾ കൈകാര്യം ചെയ്യുന്നതിനുള്ള ശക്തമായ ഒരു ബദലാണ്. ഇത് അലങ്കോലങ്ങൾ കുറയ്ക്കുകയും നിങ്ങളുടെ മുഴുവൻ ബ്രൗസർ അനുഭവവും കൂടുതൽ കാര്യക്ഷമമാക്കുകയും ചെയ്യുന്നു.

മുഴുവൻ പേജ് സ്ക്രീൻഷോട്ടുകൾ തെറ്റായി പോകുമ്പോൾ

Cartoon illustrating common screenshot capture issues like sticky headers and infinite scrolling.

ഏറ്റവും വിശ്വസനീയമായ ടൂളുകൾക്ക് പോലും ഒരു മുഴുവൻ വെബ്പേജിന്റെയും സ്ക്രീൻഷോട്ട് എടുക്കാൻ ശ്രമിക്കുമ്പോൾ പ്രശ്നങ്ങൾ നേരിടാം. ആധുനിക സൈറ്റുകൾ സങ്കീർണ്ണമാണ്, കാര്യങ്ങൾ കുഴപ്പത്തിലാകാം. നിങ്ങൾ ക്യാപ്ചർ ചെയ്യുമ്പോൾ, ഫലം... നിങ്ങൾ ആഗ്രഹിച്ചതല്ല. ഒരുപക്ഷേ ഒരു ഹെഡർ പേജിൽ ആവർത്തിക്കുന്നുണ്ടാകാം, ചിത്രങ്ങൾ കാണാതാകാം, അല്ലെങ്കിൽ ക്യാപ്ചർ പകുതിയിൽ നിർത്താം.

ഇതൊരു സാധാരണ അനുഭവമാണ്, പക്ഷേ വിഷമിക്കേണ്ട — ഈ തകരാറുകളിൽ മിക്കതിനും അതിശയകരമാംവിധം ലളിതമായ പരിഹാരങ്ങളുണ്ട്. ആഗോള ഓൺലൈൻ ജനസംഖ്യ 68% എത്തുമെന്ന് പ്രതീക്ഷിക്കുന്നതിനാൽ, വിശകലനത്തിനും ഡോക്യുമെന്റേഷനുമായി വൃത്തിയുള്ളതും കൃത്യവുമായ വിഷ്വൽ റെക്കോർഡുകളുടെ ആവശ്യം വർദ്ധിച്ചുവരികയാണ്. എത്രമാത്രം ഡിജിറ്റൽ ഇടപെഴകൽ നടക്കുന്നുണ്ടെന്ന് കാണാൻ നിങ്ങൾക്ക് ഏറ്റവും പുതിയ വെബ്സൈറ്റ് എൻഗേജ്മെന്റ് ട്രെൻഡുകളിലേക്ക് ആഴത്തിൽ ഇറങ്ങിച്ചെല്ലാം.

ഞാൻ കണ്ടിട്ടുള്ള ചില സാധാരണ പ്രശ്നങ്ങളും, അതിലേറെ പ്രധാനമായി, അവ എങ്ങനെ പരിഹരിക്കാമെന്നും നമുക്ക് നോക്കാം.

സ്റ്റിക്കി ഹെഡറുകളും ഫൂട്ടറുകളും കൈകാര്യം ചെയ്യുക

ഇത് ആളുകൾ നേരിടുന്ന ഏറ്റവും വലിയ പ്രശ്നമായിരിക്കാം. നിങ്ങൾ സ്ക്രോൾ ചെയ്യുമ്പോൾ സ്ക്രീനിന്റെ മുകളിലോ താഴെയോ ഒട്ടിപ്പിടിച്ചിരിക്കുന്ന നാവിഗേഷൻ ബാറുകളോ ചാറ്റ് വിജറ്റുകളോ നിങ്ങൾക്കറിയാമോ? അവയെ "സ്റ്റിക്കി" അല്ലെങ്കിൽ "ഫിക്സഡ്" ഘടകങ്ങൾ എന്ന് വിളിക്കുന്നു.

ഒരു സ്ക്രീൻഷോട്ട് ടൂൾ പേജ് കഷണങ്ങളായി എടുത്ത് ഒരുമിച്ച് ചേർക്കുമ്പോൾ, അത് ഓരോ വിഭാഗത്തിലും ആ സ്റ്റിക്കി ഹെഡർ അബദ്ധത്തിൽ പിടിച്ചെടുക്കാൻ സാധ്യതയുണ്ട്. അന്തിമ ചിത്രത്തിൽ നിങ്ങളുടെ ഉള്ളടക്കം മറയ്ക്കുന്ന ഒരു ആവർത്തന ഹെഡർ ഉണ്ടാകും.

പ്രോ ടിപ്പ്: ചില മികച്ച ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ ഇത് കൈകാര്യം ചെയ്യാൻ നിർമ്മിച്ചതാണ്. ഉദാഹരണത്തിന്, ShiftShift പോലുള്ള ഒരു ടൂൾ ഈ ഫിക്സഡ് ഘടകങ്ങളെ തിരിച്ചറിയാനും അന്തിമ ചിത്രം ശരിയായി ഒരുമിച്ച് ചേർക്കാനും, ആവർത്തനം പൂർണ്ണമായും ഒഴിവാക്കാനും പലപ്പോഴും മിടുക്കനാണ്.

നിങ്ങളുടെ ടൂൾ അത്ര വികസിതമല്ലെങ്കിൽ, ഒരു പെട്ടെന്നുള്ള മാനുവൽ ഓവർറൈഡ് ഉണ്ട്. ഘടകം താൽക്കാലികമായി മറയ്ക്കാൻ നിങ്ങളുടെ ബ്രൗസറിന്റെ ഡെവലപ്പർ ടൂളുകൾ ഉപയോഗിക്കുക. സ്റ്റിക്കി ഹെഡറിൽ റൈറ്റ്-ക്ലിക്ക് ചെയ്യുക, "പരിശോധിക്കുക" തിരഞ്ഞെടുക്കുക, അതിന്റെ കോഡ് കണ്ടെത്തുക, കൂടാതെ display: none; പോലുള്ള ഒരു ദ്രുത സ്റ്റൈൽ റൂൾ ചേർക്കുക. പ്രശ്നം പരിഹരിച്ചു.

എന്റെ ചിത്രങ്ങൾ എവിടെപ്പോയി?

ഒരു നീണ്ട ലേഖനത്തിന്റെ സ്ക്രീൻഷോട്ട് എടുത്തിട്ട് മനോഹരമായ ചിത്രങ്ങൾ വരേണ്ടിടത്ത് ശൂന്യമായ വെളുത്ത ബോക്സുകൾ മാത്രം കണ്ടിട്ടുണ്ടോ? ഇത് മിക്കവാറും എല്ലായ്പ്പോഴും ലേസി ലോഡിംഗ് കാരണമാണ്. നിങ്ങൾ സ്ക്രോൾ ചെയ്യുമ്പോൾ ചിത്രങ്ങൾ ലോഡ് ചെയ്യാത്ത ഒരു പെർഫോമൻസ് ട്രിക്കാണിത്.

നിങ്ങളുടെ സ്ക്രീൻഷോട്ട് ടൂൾ ചിത്രങ്ങൾ പോപ്പ് ചെയ്യുന്നതിനേക്കാൾ വേഗത്തിൽ സ്ക്രോൾ ചെയ്യുകയാണെങ്കിൽ, അത് ശൂന്യമായ പ്ലേസ്ഹോൾഡറുകൾ മാത്രം പിടിച്ചെടുക്കും. ഇതിനുള്ള പരിഹാരം വളരെ ലളിതമാണ്.

ആദ്യം, സാവധാനത്തിൽ ഒരു പ്രീ-സ്ക്രോൾ ചെയ്യുക. ക്യാപ്ചർ ബട്ടൺ അമർത്തുന്നതിനെക്കുറിച്ച് ചിന്തിക്കുന്നതിന് മുമ്പ്, പേജിന്റെ ഏറ്റവും താഴേക്ക് സ്വമേധയാ സ്ക്രോൾ ചെയ്യുക. തിരക്കുകൂട്ടരുത്.
എന്നിട്ട്, ഒരു നിമിഷം കാത്തിരിക്കുക. എല്ലാ ചിത്രങ്ങൾക്കും മറ്റ് ഉള്ളടക്കങ്ങൾക്കും പൂർണ്ണമായി ലോഡ് ചെയ്യാൻ ഒരു നിമിഷം നൽകുക.
ഇപ്പോൾ, സ്ക്രീൻഷോട്ട് ട്രിഗർ ചെയ്യുക.

ഈ ചെറിയ തന്ത്രം എല്ലാം ബ്രൗസറിന്റെ കാഷെയിലേക്ക് ലോഡ് ചെയ്യുന്നു, അതിനാൽ ടൂൾ അതിന്റെ ജോലി ചെയ്യുമ്പോൾ എല്ലാം അവിടെയുണ്ടാകും. മിക്കവാറും എല്ലാ സമയത്തും ഇത് ഒരു മാന്ത്രികവിദ്യ പോലെ പ്രവർത്തിക്കുന്നു.

ലോഗിൻ ചെയ്ത പേജുകൾ ക്യാപ്ചർ ചെയ്യുക

ഒരു സ്വകാര്യ ഡാഷ്‌ബോർഡിന്റെയോ അംഗങ്ങൾക്ക് മാത്രമുള്ള പേജിന്റെയോ സ്ക്രീൻഷോട്ട് എടുക്കാൻ ശ്രമിക്കുകയാണോ? ഇവിടെയാണ് പല വെബ് അധിഷ്ഠിത സ്ക്രീൻഷോട്ട് സേവനങ്ങളും പരാജയപ്പെടുന്നത്. അവർക്ക് പേജ് കാണാൻ കഴിയില്ല, കാരണം അവർ നിങ്ങളെപ്പോലെ ലോഗിൻ ചെയ്തിട്ടില്ല.

ഇവിടെ ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ ഒരു മികച്ച പരിഹാരമാകുന്നതിന്റെ കാരണം ഇതാണ്. ShiftShift പോലുള്ള ഒരു എക്സ്റ്റൻഷൻ നിങ്ങളുടെ ബ്രൗസറിനുള്ളിൽ തന്നെ പ്രവർത്തിക്കുന്നു, അത് ഇതിനകം പ്രാമാണീകരിച്ചിരിക്കുന്നു. നിങ്ങൾ കാണുന്നത് അത് കാണുന്നു. ഇതിനർത്ഥം, ലോഗിൻ ചെയ്ത ഉള്ളടക്കം, ഒരു കോർപ്പറേറ്റ് ഫയർവാളിന് പിന്നിലുള്ള ഉള്ളടക്കം, അല്ലെങ്കിൽ നിങ്ങൾ ഡെവലപ്‌മെന്റിനായി ഉപയോഗിക്കുന്ന ഒരു ലോക്കൽ സെർവറിലെ ഉള്ളടക്കം പോലും ഇതിന് അനായാസം പിടിച്ചെടുക്കാൻ കഴിയും.

പങ്കിടാൻ ക്രെഡൻഷ്യലുകളോ സങ്കീർണ്ണമായ സജ്ജീകരണങ്ങളോ ഇല്ല. നിങ്ങൾ പേജിലേക്ക് നാവിഗേറ്റ് ചെയ്ത് ക്യാപ്ചർ ക്ലിക്ക് ചെയ്താൽ മതി. ഇത് സുരക്ഷിതവും പ്രാദേശിക-ആദ്യ സമീപനവുമാണ്, അത് പ്രവർത്തിക്കുന്നു.

ഒരു ദ്രുത ട്രബിൾഷൂട്ടിംഗ് ഗൈഡ്

മികച്ച തയ്യാറെടുപ്പുകളോടെ പോലും, നിങ്ങൾക്ക് ഒരു തടസ്സം നേരിടാം. സാധാരണ പ്രശ്നങ്ങൾ വേഗത്തിൽ കണ്ടെത്താനും പരിഹരിക്കാനും നിങ്ങളെ സഹായിക്കുന്നതിന് ഞാൻ ഈ ദ്രുത-റഫറൻസ് പട്ടിക തയ്യാറാക്കിയിട്ടുണ്ട്.

സാധാരണ സ്ക്രീൻഷോട്ട് പ്രശ്നങ്ങൾ പരിഹരിക്കുന്നു

പ്രശ്നം	കാരണം	പരിഹാരം
ആവർത്തിക്കുന്ന ഹെഡറുകൾ/ഫൂട്ടറുകൾ	"സ്റ്റിക്കി" അല്ലെങ്കിൽ "ഫിക്സഡ്" ഘടകങ്ങൾ ഓരോ സ്റ്റിച്ചിംഗ് ചെയ്ത ഭാഗത്തും പിടിച്ചെടുക്കുന്നു.	ഇവ സ്വയമേവ കൈകാര്യം ചെയ്യുന്ന ഒരു സ്മാർട്ട് എക്സ്റ്റൻഷൻ ഉപയോഗിക്കുക, അല്ലെങ്കിൽ `display: none;` ഉപയോഗിച്ച് ഘടകം താൽക്കാലികമായി മറയ്ക്കാൻ ബ്രൗസർ DevTools ഉപയോഗിക്കുക.
കാണാതായ ചിത്രങ്ങൾ അല്ലെങ്കിൽ ഉള്ളടക്കം	പേജ് ലേസി ലോഡിംഗ് ഉപയോഗിക്കുന്നു, കൂടാതെ ക്യാപ്ചർ ചെയ്യുന്നതിന് മുമ്പ് ഉള്ളടക്കം ലോഡ് ചെയ്തിട്ടില്ല.	എല്ലാ അസറ്റുകളും ലോഡ് ചെയ്യുന്നതിനായി പേജിന്റെ താഴേക്ക് സാവധാനത്തിൽ സ്വമേധയാ സ്ക്രോൾ ചെയ്യുക, ഒരു നിമിഷം കാത്തിരിക്കുക, തുടർന്ന് സ്ക്രീൻഷോട്ട് ആരംഭിക്കുക.
ക്യാപ്ചർ പകുതിയിൽ പരാജയപ്പെടുന്നു	പുതിയ ഉള്ളടക്കം ലോഡ് ചെയ്തുകൊണ്ടിരിക്കുന്ന അനന്തമായ സ്ക്രോൾ പേജുകളിൽ ഇത് പലപ്പോഴും സംഭവിക്കുന്നു.	ക്യാപ്ചർ ചെയ്യുന്നതിന് മുമ്പ് ആവശ്യമുള്ള ഉള്ളടക്കം ലോഡ് ചെയ്യുന്നതിനായി സ്വമേധയാ താഴേക്ക് സ്ക്രോൾ ചെയ്യുക. ടൂളിന് ഇതിനകം ലോഡ് ചെയ്തവ മാത്രമേ കാണാൻ കഴിയൂ.
തെറ്റായ ക്യാപ്ചർ	സങ്കീർണ്ണമായ CSS ആനിമേഷനുകളോ ഡൈനാമിക് ലേഔട്ടുകളോ ടൂളിനെ ആശയക്കുഴപ്പത്തിലാക്കുന്നു.	നിങ്ങളുടെ ബ്രൗസർ വിൻഡോയുടെ വലുപ്പം മാറ്റാൻ ശ്രമിക്കുക അല്ലെങ്കിൽ ക്യാപ്ചർ ആരംഭിക്കുന്നതിന് മുമ്പ് പേജിലെ ഏതെങ്കിലും ആനിമേഷനുകൾ പൂർത്തിയാക്കാൻ കാത്തിരിക്കുക.
ലോഗിൻ ചെയ്ത പേജുകൾ ആക്സസ് ചെയ്യാൻ കഴിയില്ല	വെബ് അധിഷ്ഠിത സ്ക്രീൻഷോട്ട് സേവനങ്ങൾക്ക് നിങ്ങളുടെ ലോഗിൻ ക്രെഡൻഷ്യലുകൾ കടന്നുപോകാൻ കഴിയില്ല.	ഒരു ബ്രൗസർ എക്സ്റ്റൻഷൻ ഉപയോഗിക്കുക. ഇത് നിങ്ങളുടെ പ്രാമാണീകരിച്ച സെഷനിൽ പ്രവർത്തിക്കുന്നു, നിങ്ങൾക്ക് കാണാൻ കഴിയുന്നതെല്ലാം ഇതിന് കാണാൻ കഴിയും.

ഈ പട്ടികയെ നിങ്ങളുടെ ആദ്യത്തെ പ്രതിരോധ നിരയായി കണക്കാക്കുക. പത്തിൽ ഒമ്പത് തവണയും, ഈ ലളിതമായ ക്രമീകരണങ്ങളിൽ ഒന്ന് നിങ്ങൾക്ക് ആവശ്യമുള്ള മികച്ച, വൃത്തിയുള്ള സ്ക്രീൻഷോട്ട് നൽകും.

നിങ്ങളുടെ ഫോണിൽ സ്ക്രോളിംഗ് സ്ക്രീൻഷോട്ടുകൾ എടുക്കുന്നു

നമുക്ക് സത്യസന്ധമായി പറയാം - നമ്മളിൽ മിക്കവരും ഫോണുകളിലാണ് വെബ് ബ്രൗസ് ചെയ്യുന്നത്. മൊബൈലിൽ മൊത്തം വെബ് ട്രാഫിക്കിന്റെ പകുതിയിലധികം വരുന്നതിനാൽ, നിങ്ങളുടെ ഉപകരണത്തിൽ ഒരു മുഴുവൻ പേജ് സ്ക്രീൻഷോട്ട് എങ്ങനെ എടുക്കാമെന്ന് അറിയുന്നത് നിങ്ങൾ നിരന്തരം ഉപയോഗിക്കുന്ന ഒരു കഴിവാണ്.

ഭാഗ്യവശാൽ, നിങ്ങൾക്ക് ഇനി മൂന്നാം കക്ഷി ആപ്പുകൾക്കായി തിരയേണ്ടതില്ല. iOS-നും Android-നും ഇത് മനോഹരമായി കൈകാര്യം ചെയ്യുന്ന മികച്ച, ബിൽറ്റ്-ഇൻ ഫീച്ചറുകൾ ഉണ്ട്. നിങ്ങൾ ഒരു നീണ്ട ലേഖനം ഒരു യാത്രയ്ക്കായി സംരക്ഷിക്കുകയാണെങ്കിലും, ഒരു ഓൺലൈൻ ഓർഡർ സ്ഥിരീകരണം ആർക്കൈവ് ചെയ്യുകയാണെങ്കിലും, അല്ലെങ്കിൽ ഒരു എതിരാളിയുടെ മൊബൈൽ സൈറ്റിന്റെ ഒരു റെക്കോർഡ് സൂക്ഷിക്കുകയാണെങ്കിലും, ഒരു മുഴുവൻ വെബ്പേജിന്റെയും വൃത്തിയുള്ള, തുടർച്ചയായ ചിത്രം ലഭിക്കുന്നത് അതിശയകരമാംവിധം ലളിതമാണ്.

ഐഫോണിൽ മുഴുവൻ പേജുകളും ക്യാപ്ചർ ചെയ്യുന്നു

നിങ്ങൾ ഒരു ഐഫോണിലാണെങ്കിൽ, ആപ്പിളിന് സഫാരിയിൽ ഒരു മികച്ച മുഴുവൻ പേജ് ക്യാപ്ചർ ടൂൾ ഉണ്ട്. ഇത് "അത് പ്രവർത്തിക്കുന്നു" എന്ന മനോഹരമായ ഫീച്ചറുകളിൽ ഒന്നാണ്. ഒരേയൊരു പ്രശ്നം? ഇത് അന്തിമ ഔട്ട്പുട്ട് ഒരു PDF ആയി സംരക്ഷിക്കുന്നു, PNG പോലുള്ള ഒരു സാധാരണ ഇമേജ് ഫയലായിട്ടല്ല. ആർക്കൈവ് ചെയ്യുന്നതിനോ ഡോക്യുമെന്റുകൾ പങ്കിടുന്നതിനോ ഇത് പലപ്പോഴും മികച്ചതാണ്.

നിങ്ങൾ എടുക്കുന്ന മറ്റേതൊരു സ്ക്രീൻഷോട്ട് പോലെയാണ് ഈ പ്രക്രിയയും ആരംഭിക്കുന്നത്.

ആദ്യം, നിങ്ങൾ സഫാരിയിൽ സംരക്ഷിക്കേണ്ട വെബ്പേജ് തുറക്കുക.
നിങ്ങളുടെ ഐഫോൺ മോഡലിനായുള്ള സാധാരണ സ്ക്രീൻഷോട്ട് കോംബോ അമർത്തുക (അത് സാധാരണയായി സൈഡ് ബട്ടണും വോളിയം അപ്പ് ബട്ടണും ഒരുമിച്ചാണ്).
താഴെ ഇടത് കോണിൽ ഒരു ചെറിയ തമ്പ്നെയിൽ പ്രിവ്യൂ പോപ്പ് അപ്പ് ചെയ്യും. അത് മാഞ്ഞുപോകുന്നതിന് മുമ്പ് നിങ്ങൾ ഉടൻ തന്നെ അതിൽ ടാപ്പ് ചെയ്യണം.

നിങ്ങൾ പ്രിവ്യൂവിൽ ടാപ്പ് ചെയ്തുകഴിഞ്ഞാൽ, നിങ്ങൾ എഡിറ്റിംഗ് സ്ക്രീനിൽ എത്തും. മുകളിൽ നോക്കുക, നിങ്ങൾക്ക് രണ്ട് ഓപ്ഷനുകൾ കാണാം: "സ്ക്രീൻ", "ഫുൾ പേജ്."

"ഫുൾ പേജ്" എന്നതിൽ ടാപ്പ് ചെയ്യുക. മുഴുവൻ സ്ക്രോൾ ചെയ്യാവുന്ന പേജിന്റെയും ഒരു പ്രിവ്യൂ വലതുവശത്ത് ദൃശ്യമാകും. നിങ്ങൾക്ക് ചെറിയ സ്ലൈഡർ വലിച്ചിട്ട് മുഴുവൻ പേജിലൂടെയും സ്ക്രോൾ ചെയ്യാനും നിങ്ങൾക്ക് ആവശ്യമുള്ളതെല്ലാം പിടിച്ചെടുത്തിട്ടുണ്ടെന്ന് ഉറപ്പാക്കാനും കഴിയും.

നിങ്ങൾ സംതൃപ്തനാകുമ്പോൾ, മുകളിലെ കോണിലുള്ള "പൂർത്തിയാക്കി" എന്നതിൽ ടാപ്പ് ചെയ്ത് "PDF ഫയലുകളിലേക്ക് സംരക്ഷിക്കുക" തിരഞ്ഞെടുക്കുക. അത്രയേയുള്ളൂ. സൈറ്റിന്റെ തികച്ചും സംരക്ഷിച്ച ഒരു PDF നിങ്ങൾക്ക് ലഭിച്ചു, അത് ഉപയോഗിക്കാൻ തയ്യാറാണ്. ബ്ലോഗ് പോസ്റ്റുകൾ അല്ലെങ്കിൽ വാർത്താ ലേഖനങ്ങൾ പോലുള്ള ടെക്സ്റ്റ്-ഹെവി ഉള്ളടക്കത്തിന് ഈ രീതി വളരെ മികച്ചതാണെന്ന് ഞാൻ കണ്ടെത്തുന്നു.

ആൻഡ്രോയിഡിൽ ഒരു സ്ക്രോളിംഗ് സ്ക്രീൻഷോട്ട് എടുക്കുന്നു

ആൻഡ്രോയിഡ് ലോകത്ത് കാര്യങ്ങൾ അല്പം കൂടുതൽ വിഘടിച്ചിരിക്കുന്നു, പക്ഷേ നല്ല വാർത്ത എന്തെന്നാൽ, Google, Samsung, OnePlus എന്നിവയിൽ നിന്നുള്ള മിക്ക ആധുനിക ഫോണുകൾക്കും ഇതിനായി ഒരു നേറ്റീവ് ഫീച്ചർ ഉണ്ട്. ഇതിനെ "സ്ക്രോളിംഗ് സ്ക്രീൻഷോട്ട്," "സ്ക്രോൾ ക്യാപ്ചർ," അല്ലെങ്കിൽ സമാനമായ എന്തെങ്കിലും എന്ന് വിളിക്കാം, പക്ഷേ ആശയം ഒന്നുതന്നെയാണ്.

സാധാരണ രീതിയിൽ ഒരു സ്ക്രീൻഷോട്ട് എടുത്തുകൊണ്ടാണ് നിങ്ങൾ ആരംഭിക്കുക.

പവർ, വോളിയം ഡൗൺ ബട്ടണുകൾ ഒരേ സമയം അമർത്തുക.
ഒരു പ്രിവ്യൂ ദൃശ്യമാകും, പക്ഷേ താഴെ ഒരു ചെറിയ ടൂൾബാർ കൂടി നിങ്ങൾ കാണും. താഴേക്ക് ചൂണ്ടുന്ന അമ്പടയാളങ്ങളുള്ള ഒരു ഐക്കണിനായി ശ്രദ്ധിക്കുക, അതിനെ പലപ്പോഴും "കൂടുതൽ ക്യാപ്ചർ ചെയ്യുക" അല്ലെങ്കിൽ "സ്ക്രോൾ" എന്ന് ലേബൽ ചെയ്തിരിക്കും.

ആ ബട്ടണിൽ ടാപ്പുചെയ്യുന്നത് സ്ക്രീൻ സ്വയമേവ താഴേക്ക് സ്ക്രോൾ ചെയ്യുകയും പുതിയ ഭാഗം നിങ്ങളുടെ സ്ക്രീൻഷോട്ടിലേക്ക് ചേർക്കുകയും ചെയ്യുന്നു. നിങ്ങൾക്ക് ആവശ്യമുള്ളതെല്ലാം പിടിച്ചെടുക്കുന്നതുവരെ നിങ്ങൾ ബട്ടൺ ടാപ്പുചെയ്തുകൊണ്ടിരുന്നാൽ മതി. നിങ്ങൾ പോകുമ്പോൾ ഫോൺ എല്ലാം ഒരു നീണ്ട ചിത്രമായി സമർത്ഥമായി ഒരുമിച്ച് ചേർക്കുന്നു.

നിങ്ങൾ പേജിന്റെ താഴെയെത്തുകയോ അല്ലെങ്കിൽ നിങ്ങൾക്ക് ആവശ്യമുള്ള ഭാഗം പിടിച്ചെടുക്കുകയോ ചെയ്തുകഴിഞ്ഞാൽ, പ്രക്രിയ നിർത്താൻ സ്ക്രീനിൽ എവിടെയെങ്കിലും ടാപ്പുചെയ്യുക. അന്തിമ, നീണ്ട സ്ക്രീൻഷോട്ട് നിങ്ങളുടെ ഫോട്ടോ ഗാലറിയിലേക്ക് ഒരു ഒറ്റ ചിത്രമായി (സാധാരണയായി ഒരു PNG അല്ലെങ്കിൽ JPG) നേരിട്ട് സംരക്ഷിക്കപ്പെടുന്നു, ഇത് നിങ്ങൾക്ക് ഒരു വിഷ്വൽ റെക്കോർഡ് ആവശ്യമുള്ളപ്പോൾ മികച്ചതാണ്.

ഇത് മിക്ക സൈറ്റുകളിലും മികച്ച രീതിയിൽ പ്രവർത്തിക്കുന്നു. എന്നിരുന്നാലും, വളരെ സങ്കീർണ്ണമായ ലേഔട്ടുകളോ സ്ക്രോൾ ചെയ്യുമ്പോൾ ലോഡ് ചെയ്യുന്ന ഘടകങ്ങളോ (lazy-loading) ഉള്ള പേജുകളിൽ ഇത് തടസ്സപ്പെടുന്നത് ഞാൻ കണ്ടിട്ടുണ്ട്. കാണാതായ ചിത്രങ്ങളോ തെറ്റായ അലൈൻമെന്റോ ഉള്ള ഒരു സ്ക്രീൻഷോട്ട് നിങ്ങൾക്ക് ലഭിക്കുകയാണെങ്കിൽ, ഇതാ ഒരു പ്രോ ടിപ്പ്: സ്ക്രീൻഷോട്ട് എടുക്കുന്നതിന് മുമ്പ് പേജ് മുഴുവൻ സ്വയം സ്ക്രോൾ ചെയ്യുക. ഇത് എല്ലാ ഉള്ളടക്കവും ലോഡ് ചെയ്യാൻ നിർബന്ധിക്കുകയും ക്യാപ്ചർ ടൂളിന് പ്രവർത്തിക്കാൻ ഒരു പൂർണ്ണ പേജ് നൽകുകയും ചെയ്യും.

നിങ്ങളുടെ ടാസ്കിന് അനുയോജ്യമായ സ്ക്രീൻഷോട്ട് രീതി തിരഞ്ഞെടുക്കുന്നു

ഒരു വെബ്പേജ് മുഴുവൻ സ്ക്രീൻഷോട്ട് എടുക്കുന്നത് എങ്ങനെയാണെന്ന് അറിയുന്നത് ഒരു മികച്ച തുടക്കമാണ്, എന്നാൽ യഥാർത്ഥ കഴിവ് ജോലിക്കനുസരിച്ചുള്ള ശരിയായ ഉപകരണം തിരഞ്ഞെടുക്കുന്നതിലാണ്. ഒരു മോശം വർക്ക്ഫ്ലോയെ കാര്യക്ഷമമായ ഒന്നിൽ നിന്ന് വേർതിരിക്കുന്നത് ഇതാണ്. ഏറ്റവും മികച്ച ഒരു രീതി എന്നൊന്നില്ല - നിങ്ങൾക്ക് ഇപ്പോൾ ചെയ്യേണ്ട കാര്യങ്ങൾക്ക് അനുയോജ്യമായ ഉപകരണം മാത്രമേയുള്ളൂ.

ഒരു മെക്കാനിക്കിന്റെ ടൂൾബോക്സ് പോലെയാണിത്. ഒരു ചെറിയ സ്ക്രൂവിൽ നിങ്ങൾ ഒരു വലിയ റെഞ്ച് ഉപയോഗിക്കില്ല. അതുപോലെ, ഒരു പാചകക്കുറിപ്പ് സേവ് ചെയ്യാൻ Chrome DevTools ഉപയോഗിക്കുന്നത് ഒരുപക്ഷേ അമിതമായിരിക്കും. മറുവശത്ത്, ഒരു ലളിതമായ ബ്രൗസർ എക്സ്റ്റൻഷൻ ഒരു പ്രധാന ബഗ് റിപ്പോർട്ടിന് ആവശ്യമായ കൃത്യത നൽകിയെന്ന് വരില്ല.

ഉപകരണത്തെ ഉപയോക്താവുമായി പൊരുത്തപ്പെടുത്തുന്നു

വിവിധ പ്രൊഫഷണലുകൾ ഇത് എങ്ങനെ സമീപിക്കുമെന്ന് നോക്കാം. നിങ്ങളുടെ പങ്ക് പലപ്പോഴും നിങ്ങളുടെ മുൻഗണനകളെ നിർണ്ണയിക്കുന്നു, അത് വേഗതയോ, പിക്സൽ-പെർഫെക്റ്റ് കൃത്യതയോ, അല്ലെങ്കിൽ വെറും സൗകര്യമോ ആകാം.

QA എഞ്ചിനീയർക്ക്: നിങ്ങളുടെ ജോലി കൃത്യതയെ ആശ്രയിച്ചിരിക്കുന്നു. റെസ്പോൺസീവ് ഡിസൈൻ പ്രശ്നങ്ങൾ കണ്ടെത്താനും വിഷ്വൽ ബഗുകൾ പൂർണ്ണ കൃത്യതയോടെ രേഖപ്പെടുത്താനും Chrome DevTools ആണ് നിങ്ങളുടെ തിരഞ്ഞെടുപ്പ്. എന്നാൽ ഉപയോക്തൃ ഫ്ലോകൾ വേഗത്തിൽ ക്യാപ്ചർ ചെയ്യാനോ ചെറിയ UI പ്രശ്നങ്ങൾ അടയാളപ്പെടുത്താനോ ShiftShift പോലുള്ള ഒരു എക്സ്റ്റൻഷൻ വളരെ വേഗതയുള്ളതും നിങ്ങളെ ശ്രദ്ധ കേന്ദ്രീകരിക്കാൻ സഹായിക്കുന്നതുമാണ്.
മാർക്കറ്റർക്ക്: നിങ്ങൾ നിരന്തരം എതിരാളികളുടെ പരസ്യങ്ങൾ ആർക്കൈവ് ചെയ്യുകയും, പ്രചോദനത്തിനായി മനോഹരമായ ലാൻഡിംഗ് പേജുകൾ സംരക്ഷിക്കുകയും, നിങ്ങളുടെ സ്വന്തം കാമ്പെയ്‌നുകൾ രേഖപ്പെടുത്തുകയും ചെയ്യുന്നു. വേഗതയും ഓർഗനൈസേഷനുമാണ് എല്ലാം. ഒരു വിശ്വസനീയമായ ബ്രൗസർ എക്സ്റ്റൻഷൻ നിങ്ങളുടെ ഏറ്റവും നല്ല സുഹൃത്താണ്, ഇത് നിങ്ങൾക്ക് ചിത്രങ്ങൾ എളുപ്പത്തിൽ എടുക്കാനും സംരക്ഷിക്കാനും തരംതിരിക്കാനും സഹായിക്കുന്നു.
സാധാരണ ഉപയോക്താവിന്: ലളിതമായിരിക്കുക. Firefox, Edge അല്ലെങ്കിൽ നിങ്ങളുടെ ഫോണിലെ ബിൽറ്റ്-ഇൻ സ്ക്രീൻഷോട്ട് ടൂളുകൾ മതിയാകും. അവ വൃത്തിയുള്ളതും ഉപയോഗിക്കാൻ എളുപ്പമുള്ളതും അധിക ഡൗൺലോഡുകളോ പഠനത്തിന്റെ ബുദ്ധിമുട്ടുകളോ ഇല്ലാതെ മിക്ക ദൈനംദിന ആവശ്യങ്ങളും കൈകാര്യം ചെയ്യുന്നതുമാണ്.

നിങ്ങൾ ഡെസ്കിൽ നിന്ന് മാറിനിൽക്കുമ്പോൾ, തിരഞ്ഞെടുപ്പ് കൂടുതൽ ലളിതമാണ്, മൊബൈൽ സ്ക്രീൻഷോട്ടുകൾക്കായുള്ള ഈ ഡിസിഷൻ ട്രീ കാണിക്കുന്നത് പോലെ.

iOS, Android ഉപകരണങ്ങൾക്കിടയിൽ വേർതിരിക്കുന്ന മൊബൈൽ സ്ക്രോളിംഗ് സ്ക്രീൻഷോട്ടുകൾക്കായുള്ള ഒരു ഡിസിഷൻ ട്രീ ഫ്ലോചാർട്ട്.

നിങ്ങൾക്ക് കാണാൻ കഴിയുന്നതുപോലെ, iOS-ഉം Android-ഉം ഒരു പൂർണ്ണ സ്ക്രോളിംഗ് പേജ് ക്യാപ്ചർ ചെയ്യാൻ ഒരു നേറ്റീവ് മാർഗ്ഗം നൽകുന്നു, എന്നിരുന്നാലും കൃത്യമായ ഘട്ടങ്ങളും അന്തിമ ഫലവും അല്പം വ്യത്യാസപ്പെടാം.

എങ്ങനെ എന്നതിനപ്പുറം എപ്പോൾ, എന്തുകൊണ്ട് എന്ന് മനസ്സിലാക്കുക എന്നതാണ് ലക്ഷ്യം. ഈ തന്ത്രപരമായ സമീപനം സമയം ലാഭിക്കുകയും നിങ്ങൾക്ക് എല്ലായ്പ്പോഴും മികച്ച ഫലം ലഭിക്കുന്നുവെന്ന് ഉറപ്പാക്കുകയും ചെയ്യുന്നു.

അവസാനമായി, നിങ്ങളുടെ കൈവശം ഒരു ബഹുമുഖ ഉപകരണം ഉണ്ടായിരിക്കുന്നത് വിലമതിക്കാനാവാത്തതാണ്. ചിലപ്പോൾ ഒരു സ്റ്റാറ്റിക് ചിത്രം മതിയാകില്ല, പരിശീലനത്തിനോ പിന്തുണാ രേഖകൾക്കോ വേണ്ടി ഇന്ററാക്ടീവ് സ്റ്റെപ്പ്-ബൈ-സ്റ്റെപ്പ് ഗൈഡുകൾ ഉണ്ടാക്കുന്നത് പോലെ കൂടുതൽ ഡൈനാമിക് ആയ എന്തെങ്കിലും നിങ്ങൾക്ക് ആവശ്യമായി വന്നേക്കാം. സ്ക്രീൻഷോട്ടുകളെ എഡിറ്റിംഗ് ഫീച്ചറുകളുമായി സംയോജിപ്പിക്കുന്ന ഒരു ശക്തമായ ഉപകരണം വിലയില്ലാതെ നിങ്ങൾ അന്വേഷിക്കുകയാണെങ്കിൽ, ഒരു നല്ല സൗജന്യ Snagit ബദൽ നിങ്ങളുടെ വർക്ക്ഫ്ലോയ്ക്ക് അനുയോജ്യമായേക്കാം.

ചോദ്യങ്ങളുണ്ടോ? ഞങ്ങൾക്ക് ഉത്തരങ്ങളുണ്ട്

നിങ്ങൾക്ക് രീതികൾ അറിയാം, പക്ഷേ ഒരു വെബ്പേജ് മുഴുവൻ സ്ക്രീൻഷോട്ട് എടുക്കാൻ ശ്രമിക്കുമ്പോൾ ചില ബുദ്ധിമുട്ടുള്ള സാഹചര്യങ്ങൾ എപ്പോഴും ഉണ്ടാകാറുണ്ട്. ഞാൻ കേൾക്കുന്ന ഏറ്റവും സാധാരണമായ ചില ചോദ്യങ്ങൾ നമുക്ക് നോക്കാം.

ഒരു സ്ക്രീൻഷോട്ട് സംരക്ഷിക്കാൻ ഏറ്റവും മികച്ച ഫോർമാറ്റ് ഏതാണ്?

ഇത് നിങ്ങൾ സ്ക്രീൻഷോട്ട് എന്തിനാണ് ഉപയോഗിക്കുന്നത് എന്നതിനെ ആശ്രയിച്ചിരിക്കുന്നു. മിക്ക കാര്യങ്ങൾക്കും, പ്രത്യേകിച്ച് ടെക്സ്റ്റ് അല്ലെങ്കിൽ ഷാർപ്പ് യൂസർ ഇന്റർഫേസ് ഘടകങ്ങൾ ഉള്ളവയ്ക്ക്, PNG ആണ് ഏറ്റവും മികച്ചത്. ഇത് ഒരു "lossless" ഫോർമാറ്റാണ്, അതായത് ഫയൽ വലുപ്പം കുറയ്ക്കാൻ ഇത് ഡാറ്റയൊന്നും കളയുന്നില്ല, അതിനാൽ നിങ്ങൾക്ക് ഓരോ തവണയും മികച്ചതും വ്യക്തവുമായ ചിത്രം ലഭിക്കും.

എന്നാൽ ആ സ്ക്രീൻഷോട്ട് ഇമെയിൽ ചെയ്യാനോ ഫയൽ വലുപ്പ പരിധികളുള്ള ഒരു പ്രോജക്റ്റ് മാനേജ്മെന്റ് ടൂളിലേക്ക് അപ്‌ലോഡ് ചെയ്യാനോ നിങ്ങൾക്ക് ആവശ്യമുണ്ടെങ്കിലോ? അവിടെയാണ് JPEG പ്രയോജനകരമാകുന്നത്. ഇത് ഫയൽ വലുപ്പം ഗണ്യമായി കുറയ്ക്കുന്നു, പക്ഷേ ഗുണനിലവാരത്തിൽ അല്പം വിട്ടുവീഴ്ച ചെയ്തുകൊണ്ടാണ് ഇത് ചെയ്യുന്നത്. പൊതുവായ പങ്കിടലിന് ഇത് പലപ്പോഴും തികച്ചും അനുയോജ്യമാണ്, പക്ഷേ വിശദമായ ഡിസൈൻ ഫീഡ്‌ബാക്കിനോ ബഗ് റിപ്പോർട്ടിംഗിനോ PNG തന്നെ ഉപയോഗിക്കുക.

എന്റെ പൊതുവായ നിയമം: ഗുണനിലവാരത്തിനും കൃത്യതയ്ക്കും PNG ഉപയോഗിക്കുക. പിക്സൽ-പെർഫെക്റ്റ് വിശദാംശങ്ങളേക്കാൾ ചെറുതും എളുപ്പത്തിൽ പങ്കിടാവുന്നതുമായ ഫയലാണ് പ്രധാനമെങ്കിൽ JPEG ഉപയോഗിക്കുക.

ഇൻഫിനിറ്റ് സ്ക്രോൾ ഉള്ള ഒരു പേജ് എനിക്ക് ശരിക്കും ക്യാപ്ചർ ചെയ്യാൻ കഴിയുമോ?

ആഹാ, ക്ലാസിക് ഇൻഫിനിറ്റ് സ്ക്രോൾ പ്രശ്നം. നിങ്ങളുടെ Twitter അല്ലെങ്കിൽ LinkedIn ഫീഡ് ഓർക്കുക. മിക്ക ടൂളുകൾക്കും നിലവിൽ പേജിൽ ലോഡ് ചെയ്തിട്ടുള്ളവ മാത്രമേ "കാണാനും" ക്യാപ്ചർ ചെയ്യാനും കഴിയൂ, അതിനാൽ അവ കുടുങ്ങിപ്പോകുന്നു.

പരിഹാരം അതിശയകരമാംവിധം ലളിതമാണ്. നിങ്ങൾ സ്വയം സ്ക്രോൾ ചെയ്യണം. നിങ്ങൾ ക്യാപ്ചർ ചെയ്യാൻ ആഗ്രഹിക്കുന്ന എല്ലാ ഉള്ളടക്കവും ലോഡ് ചെയ്യുന്നത് വരെ പേജ് സ്വമേധയാ താഴേക്ക് സ്ക്രോൾ ചെയ്യുക. എല്ലാം അവിടെ എത്തിക്കഴിഞ്ഞാൽ, നിങ്ങളുടെ സ്ക്രീൻഷോട്ട് ടൂൾ പ്രവർത്തിപ്പിക്കുക, അത് DevTools ആകട്ടെ അല്ലെങ്കിൽ ഒരു എക്സ്റ്റൻഷൻ ആകട്ടെ. ഈ രീതിയിൽ, ടൂളിന് പ്രവർത്തിക്കാൻ പൂർണ്ണമായ ചിത്രം ലഭിക്കും.

ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ ഉപയോഗിക്കാൻ സുരക്ഷിതമാണോ?

അതൊരു നല്ല ചോദ്യമാണ്. എക്സ്റ്റൻഷനുകൾക്ക് നിങ്ങളുടെ സ്ക്രീനിലുള്ളത് വായിക്കാൻ അനുമതി ആവശ്യമായതിനാൽ നിങ്ങൾ ജാഗ്രത പാലിക്കുന്നത് ശരിയാണ്. നിങ്ങളുടെ ഡാറ്റ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു എന്നതിനെക്കുറിച്ച് വ്യക്തമായ, നല്ല നിലവാരമുള്ള എക്സ്റ്റൻഷനുകൾ മാത്രം ഉപയോഗിക്കുക എന്നതാണ് തന്ത്രം.

ഏറ്റവും മികച്ചവ എല്ലാം നിങ്ങളുടെ സ്വന്തം മെഷീനിൽ പ്രാദേശികമായി പ്രോസസ്സ് ചെയ്യുന്നു. ഉദാഹരണത്തിന്, ShiftShift Extensions പോലുള്ള ഒരു എക്സ്റ്റൻഷൻ അതിന്റെ എല്ലാ മാജിക്കും നിങ്ങളുടെ ബ്രൗസറിനുള്ളിൽ ചെയ്യുന്നു. ഇത് നിങ്ങളുടെ സ്ക്രീൻഷോട്ട് ഒരു ബാഹ്യ സെർവറിലേക്ക് അയയ്ക്കുന്നില്ല, അതിനർത്ഥം നിങ്ങളുടെ വിവരങ്ങൾ പൂർണ്ണമായും സ്വകാര്യമായി തുടരുന്നു എന്നാണ്. ഏതെങ്കിലും എക്സ്റ്റൻഷൻ ഇൻസ്റ്റാൾ ചെയ്യുന്നതിന് മുമ്പ്, അതിന്റെ അനുമതികൾ വേഗത്തിൽ പരിശോധിക്കുന്നതും അതിന്റെ സ്വകാര്യതാ നയം വായിക്കുന്നതും എല്ലായ്പ്പോഴും നല്ലതാണ്.

വേഗതയുള്ളതും സ്വകാര്യവും ശക്തവുമായ ഒരു ഉപകരണം നിങ്ങൾ അന്വേഷിക്കുകയാണെങ്കിൽ, ShiftShift Extensions ഇക്കോസിസ്റ്റം പരിഗണിക്കുന്നത് നല്ലതാണ്. ഇത് നിങ്ങൾക്ക് ഒരു ഫുൾ-പേജ് സ്ക്രീൻഷോട്ട് കമാൻഡും മറ്റ് നിരവധി യൂട്ടിലിറ്റികളും ഒരിടത്ത് നൽകുന്നു. https://shiftshift.app എന്നതിൽ ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു എന്നതിനെക്കുറിച്ച് നിങ്ങൾക്ക് കൂടുതലറിയാൻ കഴിയും.