કોઈપણ ઉપકરણ પર સમગ્ર વેબપેજનું સ્ક્રીનશોટ કેવી રીતે લેવું: એક સંપૂર્ણ માર્ગદર્શિકા

આપણે બધા ત્યાં જ છીએ. તમે વેબપેજ સેવ કરવા માટે 'પ્રિન્ટ સ્ક્રીન' દબાવો છો, પરંતુ તમને તમારા મોનિટર પર દેખાતો નાનો ટુકડો જ મળે છે. ફોલ્ડની નીચે છુપાયેલી તે બધી મહત્વપૂર્ણ સામગ્રીનું શું?

આખી વેબપેજનું સ્ક્રીનશોટ કેવી રીતે લેવું તે શીખવું એ એક ગેમ-ચેન્જર છે. તે તમને હેડરથી લઈને ફૂટર સુધીની દરેક વસ્તુને એક સ્વચ્છ, સતત છબીમાં કેપ્ચર કરવાની મંજૂરી આપે છે, જે વિખરાયેલા ટુકડાઓને સંપૂર્ણ વિઝ્યુઅલ રેકોર્ડમાં રૂપાંતરિત કરે છે.

તમને શા માટે ફક્ત પ્રિન્ટ સ્ક્રીન કરતાં વધુની જરૂર છે

દૃશ્યમાન બ્રાઉઝર વિન્ડોઝ સાથેના પ્રમાણભૂત પ્રિન્ટ સ્ક્રીનની સરખામણી અને આખી સ્ક્રોલ કરી શકાય તેવી વેબપેજનું સંપૂર્ણ પૃષ્ઠ કેપ્ચર.

છેલ્લી વાર જ્યારે તમે કોઈ લાંબો લેખ અથવા સ્પર્ધકનું લેન્ડિંગ પેજ સેવ કરવાનો પ્રયાસ કર્યો હતો ત્યારે તેના વિશે વિચારો. તમે કદાચ એક સ્ક્રીનશોટ લીધો, સ્ક્રોલ કર્યું, બીજો લીધો, અને જ્યાં સુધી તમે નીચે ન પહોંચો ત્યાં સુધી પ્રક્રિયાનું પુનરાવર્તન કર્યું. પરિણામ? છબીઓનો એક અવ્યવસ્થિત પેચવર્ક જેને તમારે કાળજીપૂર્વક એકસાથે જોડવો પડ્યો, જો તમે ક્યારેય પરેશાન થયા હોવ તો.

તે મેન્યુઅલ અભિગમ માત્ર માથાનો દુખાવો નથી; તે કોઈપણ પ્રકારના વ્યાવસાયિક કાર્ય માટે સંપૂર્ણપણે અવ્યવહારુ છે. જે કોઈ પણ વેબસાઇટ્સ સાથે વ્યવહાર કરે છે - વિકાસકર્તાઓ, માર્કેટર્સ, ડિઝાઇનર્સ, તમે તેનું નામ આપો - એક સરળ સ્ક્રીન ગ્રૅબ પૂરતું નથી.

QA ટેસ્ટર્સ માટે: એક વિશાળ પૃષ્ઠના ફૂટરમાં ઊંડે સુધી વિઝ્યુઅલ બગ શોધવાની કલ્પના કરો. એક પ્રમાણભૂત સ્ક્રીનશોટ સંપૂર્ણ સંદર્ભ બતાવી શકતો નથી. બીજી બાજુ, સંપૂર્ણ પૃષ્ઠ કેપ્ચર, સંપૂર્ણ લેઆઉટને દસ્તાવેજીકૃત કરે છે, જે તમારા બગ રિપોર્ટ્સને સો ગણા વધુ સ્પષ્ટ બનાવે છે.
વેબ ડેવલપર્સ માટે: જ્યારે તમે ક્લાયન્ટને નવી ડિઝાઇન બતાવી રહ્યા હોવ, ત્યારે આખા હોમપેજની એક જ, સુસંગત છબી મોકલવી એ વિખરાયેલી ફાઇલોની શ્રેણી કરતાં ઘણી વધુ પોલિશ્ડ લાગે છે. તે તેમને એક જ સમયે સંપૂર્ણ પૃષ્ઠ પ્રવાહની સમીક્ષા કરવાની મંજૂરી આપે છે.
માર્કેટર્સ માટે: સ્પર્ધકની વેચાણ ફનલ અથવા વિગતવાર ઉત્પાદન પૃષ્ઠને આર્કાઇવ કરવાનો પ્રયાસ કરી રહ્યા છો? તમારે બધું કેપ્ચર કરવાની જરૂર છે. એક સંપૂર્ણ પૃષ્ઠ સ્ક્રીનશોટ તે સંપૂર્ણ વપરાશકર્તા પ્રવાસને એક ફાઇલમાં સાચવે છે, જે વિશ્લેષણ માટે તૈયાર છે.

આધુનિક વેબ પડકારોને દૂર કરવા

આજની વેબસાઇટ્સ સ્થિર નથી. તે ગતિશીલ તત્વોથી ભરેલી છે જે મૂળભૂત સ્ક્રીનશોટ પદ્ધતિઓને અવરોધે છે. સ્ટીકી હેડર્સ જે તમને પૃષ્ઠ નીચે અનુસરે છે તે તમારી એકસાથે જોડેલી છબીઓમાં ડુપ્લિકેટ થઈ શકે છે. અને લેઝી-લોડેડ સામગ્રી વિશે શું જે ફક્ત ત્યારે જ દેખાય છે જ્યારે તમે તેના પર સ્ક્રોલ કરો છો? જો તમે યોગ્ય સાધનનો ઉપયોગ ન કરી રહ્યા હોવ તો તે તમારી અંતિમ છબીમાંથી સંપૂર્ણપણે ગાયબ થઈ શકે છે.

સંપૂર્ણ વેબપેજ કેપ્ચર કરવું એ માત્ર સુવિધા વિશે નથી - તે એક સચોટ, વ્યાવસાયિક અને સંપૂર્ણ વિઝ્યુઅલ દસ્તાવેજ બનાવવાનું છે. તમે પૃષ્ઠની અખંડિતતાને બરાબર તે રીતે સાચવી રહ્યા છો જે રીતે તે જોવાનું હતું.

આ માત્ર એક વિશિષ્ટ જરૂરિયાત પણ નથી. વિશ્વસનીય કેપ્ચર ટૂલ્સની માંગ વધી રહી છે. વેબસાઇટ સ્ક્રીનશોટ સોફ્ટવેર માર્કેટ 2033 સુધીમાં $1.2 બિલિયનને વટાવી જવાની તૈયારીમાં છે, જે દર વર્ષે 12% ના સ્થિર દરે વૃદ્ધિ પામી રહ્યું છે. આ તેજી વ્યાવસાયિકો મેન્યુઅલ પદ્ધતિઓ છોડીને સ્વચાલિત સાધનો અપનાવી રહ્યા છે તે એક મોટા પરિવર્તનને પ્રતિબિંબિત કરે છે. તમે વધુ આંતરદૃષ્ટિ માટે સંપૂર્ણ બજાર વૃદ્ધિ અહેવાલ જોઈ શકો છો.

"કેવી રીતે કરવું" માં ડાઇવ કરતા પહેલા, વિકલ્પોને બાજુમાં જોવું મદદરૂપ થાય છે. દરેક પદ્ધતિની પોતાની શક્તિઓ છે અને તે વિવિધ પરિસ્થિતિઓ માટે યોગ્ય છે.

વેબપેજ કેપ્ચર પદ્ધતિઓ એક નજરમાં

પદ્ધતિ	શ્રેષ્ઠ માટે	મુખ્ય મર્યાદા	આવશ્યક તકનીકી કુશળતા
બ્રાઉઝર DevTools	વિકાસકર્તાઓ, QA ટેસ્ટર્સ અને તકનીકી વપરાશકર્તાઓ કે જેમને કંઈપણ ઇન્સ્ટોલ કર્યા વિના ઝડપી, બિલ્ટ-ઇન કેપ્ચરની જરૂર હોય.	બિન-તકનીકી વપરાશકર્તાઓ માટે ડરાવી શકે છે અને તેમાં એનોટેશન અથવા સંપાદન સુવિધાઓનો અભાવ છે.	મધ્યવર્તી
બિલ્ટ-ઇન બ્રાઉઝર સુવિધાઓ	ફાયરફોક્સ અથવા એજ પરના કેઝ્યુઅલ વપરાશકર્તાઓ કે જેમને મૂળભૂત કેપ્ચર માટે સરળ, વન-ક્લિક સોલ્યુશનની જરૂર હોય.	બધા બ્રાઉઝર્સમાં ઉપલબ્ધ નથી (ખાસ કરીને Chrome માં નહીં) અને તેમાં ખૂબ મર્યાદિત કસ્ટમાઇઝેશન છે.	પ્રારંભિક
બ્રાઉઝર એક્સ્ટેન્શન્સ	લગભગ દરેક જણ - માર્કેટર્સથી લઈને સપોર્ટ ટીમો સુધી - જેમને સંપાદન અને શેરિંગ વિકલ્પો સાથે વિશ્વસનીય, સુવિધાથી ભરપૂર સાધનની જરૂર હોય.	ત્રીજા-પક્ષના એક્સ્ટેંશનને ઇન્સ્ટોલ કરવાની જરૂર છે; સુવિધાની ગુણવત્તા વ્યાપકપણે બદલાઈ શકે છે.	પ્રારંભિક
મોબાઇલ ઉપકરણ પદ્ધતિઓ	સીધા સ્માર્ટફોન અથવા ટેબ્લેટ પરથી મોબાઇલ-વિશિષ્ટ લેઆઉટ અથવા એપ્લિકેશન સામગ્રીને કેપ્ચર કરવી.	ક્લંકી હોઈ શકે છે; ગુણવત્તા ડેસ્કટોપ કેપ્ચર જેટલી ઊંચી ન હોઈ શકે.	પ્રારંભિક

આ કોષ્ટક તમને જમીનનો ઝડપી નકશો આપે છે, જે તમને દરેક માટે સ્ટેપ-બાય-સ્ટેપ સૂચનાઓમાં પ્રવેશતા પહેલા યોગ્ય માર્ગ પસંદ કરવામાં મદદ કરે છે.

કાર્ય માટે યોગ્ય સાધન શોધવું

સારા સમાચાર એ છે કે તમારે આખી વેબપેજનું સ્ક્રીનશોટ લેવા માટે કોડિંગ જીનિયસ બનવાની જરૂર નથી. બિલ્ટ-ઇન બ્રાઉઝર કમાન્ડ્સથી લઈને શક્તિશાળી એક્સ્ટેન્શન્સ સુધી, તમારી જરૂરિયાતોને સંપૂર્ણ રીતે બંધબેસતું એક સાધન છે. આ સોલ્યુશન્સ આધુનિક પડકારો જેમ કે અનંત સ્ક્રોલ અને ગતિશીલ સામગ્રીને હેન્ડલ કરવા માટે બનાવવામાં આવ્યા છે, જે સુનિશ્ચિત કરે છે કે તમને દર વખતે પિક્સેલ-પરફેક્ટ કેપ્ચર મળે.

આગળના વિભાગોમાં, અમે ઉપલબ્ધ શ્રેષ્ઠ પદ્ધતિઓ દ્વારા ચાલીશું જેથી તમે તમારી વર્કફ્લોમાં બરાબર બંધબેસતી પદ્ધતિ શોધી શકો.

તમારા બ્રાઉઝરના છુપાયેલા સ્ક્રીનશોટ ટૂલ્સનો ઉપયોગ કરવો

તમે ત્રીજા-પક્ષના ટૂલને ઇન્સ્ટોલ કરવાનું વિચારતા પહેલા, તમારા બ્રાઉઝર પહેલેથી શું કરી શકે છે તે જુઓ. તે થોડું રહસ્ય છે, પરંતુ Chrome, Firefox અને Edge જેવા બ્રાઉઝર્સમાં શક્તિશાળી, મૂળ ટૂલ્સ છે જે વધારાના સોફ્ટવેરની જરૂર વગર આખી વેબપેજનું સ્ક્રીનશોટ લઈ શકે છે.

મને લાગે છે કે વિકાસકર્તાઓ અને QA પ્રોફેશનલ્સ ઘણીવાર આ બિલ્ટ-ઇન પદ્ધતિઓ સાથે વળગી રહે છે. શા માટે? તે વિશ્વસનીય છે, પહેલેથી જ ઇન્સ્ટોલ કરેલા છે, અને તેઓ પરીક્ષણ અને વિકાસ માટે ઉપયોગ કરે છે તે વાતાવરણમાં સીધા જ કાર્ય કરે છે. આ અભિગમ ગોપનીયતાની ચિંતાઓ અથવા સંભવિત સંઘર્ષોને ટાળે છે જે ક્યારેક બ્રાઉઝર એક્સ્ટેન્શન્સ સાથે ઉદ્ભવે છે.

Chrome DevTools માં સંપૂર્ણ-પૃષ્ઠ સ્ક્રીનશોટને અનલૉક કરવું

Google Chrome બરાબર "સંપૂર્ણ પૃષ્ઠ સાચવો" બટનને આગળ અને કેન્દ્રમાં મૂકતું નથી. તેના બદલે, તે તેના ડેવલપર ટૂલ્સ (DevTools) ની અંદર એક અતિ ચોક્કસ કેપ્ચર ટૂલને છુપાવે છે. જ્યારે મને પિક્સેલ-પરફેક્ટ પરિણામની જરૂર હોય, ખાસ કરીને તકનીકી કાર્ય માટે, ત્યારે આ મારી પસંદગી છે.

તેના સુધી પહોંચવું ખૂબ જ સીધું છે. પ્રથમ, તમારે DevTools ખોલવાની જરૂર પડશે. તમે પૃષ્ઠ પર ગમે ત્યાં જમણું-ક્લિક કરી શકો છો અને "નિરીક્ષણ કરો" દબાવી શકો છો, અથવા ફક્ત કીબોર્ડ શોર્ટકટનો ઉપયોગ કરી શકો છો:

Windows/Linux પર: Ctrl + Shift + I
Mac પર: Cmd + Option + I

DevTools પેનલ ખુલ્લી હોવાથી, તમારે કમાન્ડ મેનૂ લાવવાની જરૂર પડશે. તે બીજો ઝડપી કીબોર્ડ શોર્ટકટ છે: Ctrl + Shift + P (Windows/Linux પર) અથવા Cmd + Shift + P (Mac પર). એક સર્ચ બાર તરત જ દેખાશે.

ત્યાંથી, ફક્ત "સ્ક્રીનશોટ" ટાઇપ કરવાનું શરૂ કરો. તમને કેટલાક વિકલ્પો ફિલ્ટર થતા દેખાશે, પરંતુ તમે જે શોધી રહ્યા છો તે છે "સંપૂર્ણ કદનો સ્ક્રીનશોટ કેપ્ચર કરો." તેના પર ક્લિક કરો. 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% સુધીનો હોય છે, જ્યારે શ્રેષ્ઠ-ઇન-ક્લાસ API તેને 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 બંનેમાં આને સુંદર રીતે હેન્ડલ કરતી સ્લીક, બિલ્ટ-ઇન સુવિધાઓ છે. ભલે તમે ફ્લાઇટ માટે લાંબો લેખ સાચવી રહ્યા હોવ, ઑનલાઇન ઓર્ડર કન્ફર્મેશન આર્કાઇવ કરી રહ્યા હોવ, અથવા ફક્ત સ્પર્ધકની મોબાઇલ સાઇટનો રેકોર્ડ રાખી રહ્યા હોવ, આખી વેબપેજની સ્વચ્છ, સતત છબી મેળવવી આશ્ચર્યજનક રીતે સરળ છે.

iPhone પર સંપૂર્ણ પેજ કેપ્ચર કરવું

જો તમે iPhone પર છો, તો Apple પાસે Safari માં બિલ્ટ-ઇન એક અદ્ભુત સંપૂર્ણ-પેજ કેપ્ચર ટૂલ છે. તે તે ભવ્ય "તે ફક્ત કામ કરે છે" સુવિધાઓમાંથી એક છે. એકમાત્ર કેચ? તે અંતિમ આઉટપુટને PDF તરીકે સાચવે છે, PNG જેવી પ્રમાણભૂત છબી ફાઇલ તરીકે નહીં. આર્કાઇવિંગ અથવા દસ્તાવેજો શેર કરવા માટે, આ ઘણીવાર વધુ સારું હોય છે.

પ્રક્રિયા તમે લેતા કોઈપણ અન્ય સ્ક્રીનશોટની જેમ શરૂ થાય છે.

પ્રથમ, તમારે Safari માં સાચવવાની જરૂર હોય તે વેબપેજ ખોલો.
તમારા iPhone મોડેલ માટે સામાન્ય સ્ક્રીનશોટ કોમ્બો દબાવો (તે સામાન્ય રીતે સાઇડ બટન અને વોલ્યુમ અપ બટન એકસાથે હોય છે).
એક નાનું થંબનેલ પૂર્વાવલોકન નીચે-ડાબા ખૂણામાં દેખાશે. તે દૂર થાય તે પહેલાં તમારે તેને તરત જ ટેપ કરવું પડશે.

એકવાર તમે પૂર્વાવલોકનને ટેપ કરો, પછી તમે સંપાદન સ્ક્રીન પર પહોંચશો. ટોચ પર જુઓ, અને તમને બે વિકલ્પો દેખાશે: "સ્ક્રીન" અને "ફુલ પેજ."

ફક્ત "ફુલ પેજ" પર ટેપ કરો. આખી સ્ક્રોલ કરી શકાય તેવી પેજનું પૂર્વાવલોકન જમણી બાજુએ દેખાશે. તમે નાનું સ્લાઇડર ખેંચીને આખી વસ્તુને સ્ક્રોલ પણ કરી શકો છો અને ખાતરી કરી શકો છો કે તેણે તમને જોઈતી બધી વસ્તુઓ કેપ્ચર કરી છે.

જ્યારે તમે તેનાથી ખુશ હોવ, ત્યારે ખૂણામાં "Done" પર ટેપ કરો અને "Save PDF to Files" પસંદ કરો. અને બસ. તમારી પાસે સાઇટની સંપૂર્ણ રીતે સાચવેલી PDF છે, જે જવા માટે તૈયાર છે. મને લાગે છે કે આ પદ્ધતિ બ્લોગ પોસ્ટ્સ અથવા સમાચાર લેખો જેવી ટેક્સ્ટ-હેવી સામગ્રી માટે ખૂબ જ મજબૂત છે.

Android પર સ્ક્રોલિંગ સ્ક્રીનશોટ લેવા

Android વિશ્વમાં વસ્તુઓ થોડી વધુ વિભાજિત છે, પરંતુ સારા સમાચાર એ છે કે Google, Samsung, OnePlus અને અન્યના મોટાભાગના આધુનિક ફોનમાં આ માટે મૂળ સુવિધા છે. તેને "સ્ક્રોલિંગ સ્ક્રીનશોટ," "સ્ક્રોલ કેપ્ચર," અથવા તેના જેવું કંઈક કહેવામાં આવી શકે છે, પરંતુ વિચાર સમાન છે.

તમે સામાન્ય રીતે સ્ક્રીનશોટ લઈને શરૂ કરશો.

એકસાથે પાવર અને વોલ્યુમ ડાઉન બટન દબાવો.
એક પૂર્વાવલોકન દેખાશે, પરંતુ તમને નીચે એક નાનું ટૂલબાર પણ દેખાશે. નીચે તરફ નિર્દેશ કરતા તીરો સાથેના આઇકન પર નજર રાખો, જેને ઘણીવાર "વધુ કેપ્ચર કરો" અથવા "સ્ક્રોલ કરો" લેબલ કરવામાં આવે છે.

તે બટનને ટેપ કરવાથી સ્ક્રીન આપમેળે નીચે સ્ક્રોલ થાય છે અને નવા વિભાગને તમારા સ્ક્રીનશોટમાં ઉમેરે છે. તમે ઇચ્છો તે બધું પકડી ન લો ત્યાં સુધી તમે ફક્ત બટનને ટેપ કરતા રહો. ફોન ચતુરાઈથી આ બધું એક લાંબી છબીમાં જોડે છે.

એકવાર તમે પેજના તળિયે પહોંચી જાઓ અથવા તમને જોઈતો વિભાગ કેપ્ચર કરી લો, પછી પ્રક્રિયાને રોકવા માટે સ્ક્રીન પર ગમે ત્યાં ટેપ કરો. અંતિમ, વિસ્તૃત સ્ક્રીનશોટ સીધા તમારી ફોટો ગેલેરીમાં એક જ છબી (સામાન્ય રીતે PNG અથવા JPG) તરીકે સાચવે છે, જે જ્યારે તમને વિઝ્યુઅલ રેકોર્ડની જરૂર હોય ત્યારે યોગ્ય છે.

આ મોટાભાગની સાઇટ્સ પર ખૂબ સારી રીતે કામ કરે છે. જોકે, મેં જોયું છે કે તે ખરેખર જટિલ લેઆઉટવાળા પૃષ્ઠો પર અથવા તમે સ્ક્રોલ કરો ત્યારે લોડ થતા ઘટકો (લેઝી-લોડિંગ) પર અટકી જાય છે. જો તમને ગુમ થયેલી છબીઓ અથવા અવ્યવસ્થિત ગોઠવણી સાથેનો સ્ક્રીનશોટ મળે, તો અહીં એક પ્રો ટિપ છે: સ્ક્રીનશોટ પ્રક્રિયા શરૂ કરતા પહેલાં તમે જાતે જ પૃષ્ઠને નીચે સુધી સ્ક્રોલ કરો. આ બધી સામગ્રીને લોડ થવા માટે દબાણ કરે છે, જેનાથી કેપ્ચર ટૂલને કામ કરવા માટે એક સંપૂર્ણ પૃષ્ઠ મળે છે.

તમારા કાર્ય માટે યોગ્ય સ્ક્રીનશોટ પદ્ધતિ પસંદ કરવી

આખી વેબસાઇટનો સ્ક્રીનશોટ કેવી રીતે લેવો તે જાણવું એ એક સરસ શરૂઆત છે, પરંતુ વાસ્તવિક કૌશલ્ય કાર્ય માટે યોગ્ય સાધન પસંદ કરવામાં રહેલું છે. તે એક અવ્યવસ્થિત વર્કફ્લોને કાર્યક્ષમ વર્કફ્લોથી અલગ પાડે છે. કોઈ એક શ્રેષ્ઠ પદ્ધતિ નથી - ફક્ત તમને હમણાં શું કરવાની જરૂર છે તેના માટે યોગ્ય સાધન છે.

તેને મિકેનિકના ટૂલબોક્સની જેમ વિચારો. તમે નાના સ્ક્રૂ પર વિશાળ રેંચનો ઉપયોગ કરશો નહીં. તેવી જ રીતે, ફક્ત રેસીપી સાચવવા માટે Chrome DevTools શરૂ કરવું કદાચ અતિશય છે. બીજી બાજુ, એક સરળ બ્રાઉઝર એક્સ્ટેંશન તમને ગંભીર બગ રિપોર્ટ માટે જરૂરી ચોકસાઈ આપી શકશે નહીં.

સાધનને વપરાશકર્તા સાથે મેચ કરવું

ચાલો જોઈએ કે કેવી રીતે વિવિધ વ્યાવસાયિકો આનો સંપર્ક કરી શકે છે. તમારી ભૂમિકા ઘણીવાર તમારી પ્રાથમિકતાઓને નિર્ધારિત કરે છે, પછી ભલે તે ઝડપ હોય, પિક્સેલ-પરફેક્ટ ચોકસાઈ હોય, અથવા ફક્ત સાદી સુવિધા હોય.

QA એન્જિનિયર માટે: તમારું કાર્ય ચોકસાઈ પર આધાર રાખે છે. રિસ્પોન્સિવ ડિઝાઇન સમસ્યાઓને ઠીક કરવા અને સંપૂર્ણ ચોકસાઈ સાથે વિઝ્યુઅલ બગ્સને દસ્તાવેજીકૃત કરવા માટે Chrome DevTools તમારું ગો-ટુ છે. પરંતુ વપરાશકર્તા પ્રવાહને ઝડપથી કેપ્ચર કરવા અથવા નાના UI ખામીઓને ફ્લેગ કરવા માટે, ShiftShift જેવું એક્સ્ટેંશન ઘણું ઝડપી છે અને તમને કાર્યમાં રાખે છે.
માર્કેટર માટે: તમે સતત સ્પર્ધકોની જાહેરાતોનું આર્કાઇવિંગ કરો છો, પ્રેરણા માટે સુંદર લેન્ડિંગ પૃષ્ઠો સાચવો છો અને તમારી પોતાની ઝુંબેશોને દસ્તાવેજીકૃત કરો છો. ઝડપ અને સંગઠન સર્વસ્વ છે. એક વિશ્વસનીય બ્રાઉઝર એક્સ્ટેંશન તમારો શ્રેષ્ઠ મિત્ર છે, જે તમને પરસેવો પાડ્યા વિના વિઝ્યુઅલ્સને પકડવા, સાચવવા અને સૉર્ટ કરવાની મંજૂરી આપે છે.
દૈનિક વપરાશકર્તા માટે: તેને સરળ રાખો. Firefox, Edge અથવા તમારા ફોન પરના બિલ્ટ-ઇન સ્ક્રીનશોટ ટૂલ્સ પૂરતા કરતાં વધુ છે. તે સ્વચ્છ, ઉપયોગમાં સરળ છે અને કોઈપણ વધારાના ડાઉનલોડ્સ અથવા મુશ્કેલ શીખવાની વક્રતા વિના મોટાભાગની દૈનિક જરૂરિયાતોને પૂર્ણ કરે છે.

જ્યારે તમે તમારી ડેસ્કથી દૂર હોવ, ત્યારે પસંદગી વધુ સરળ હોય છે, જેમ કે મોબાઇલ સ્ક્રીનશોટ માટે આ નિર્ણય વૃક્ષ દર્શાવે છે.

iOS અને Android ઉપકરણો વચ્ચે ભેદ પાડતા મોબાઇલ સ્ક્રોલિંગ સ્ક્રીનશોટ માટેનો નિર્ણય વૃક્ષ ફ્લોચાર્ટ.

જેમ તમે જોઈ શકો છો, iOS અને Android બંને તમને સંપૂર્ણ સ્ક્રોલિંગ પૃષ્ઠને કેપ્ચર કરવાની મૂળ રીત આપે છે, જોકે ચોક્કસ પગલાં અને અંતિમ પરિણામ થોડું અલગ હોઈ શકે છે.

ધ્યેય ફક્ત કેવી રીતે જાણવાથી આગળ વધીને ક્યારે અને શા માટે સમજવાનું શરૂ કરવાનો છે. આ વ્યૂહાત્મક અભિગમ સમય બચાવે છે અને ખાતરી કરે છે કે તમને હંમેશા સંપૂર્ણ પરિણામ મળે છે.

આખરે, તમારા ખિસ્સામાં બહુમુખી સાધન રાખવું અમૂલ્ય છે. કેટલીકવાર સ્થિર છબી પૂરતી નથી, અને તમને તાલીમ અથવા સપોર્ટ દસ્તાવેજો માટે ઇન્ટરેક્ટિવ સ્ટેપ-બાય-સ્ટેપ માર્ગદર્શિકાઓ બનાવવી જેવી વધુ ગતિશીલ વસ્તુની જરૂર પડી શકે છે. જો તમે એવા શક્તિશાળી સાધનની શોધમાં છો જે સ્ક્રીનશોટને સંપાદન સુવિધાઓ સાથે કિંમત વિના જોડે છે, તો એક સારો મફત Snagit વિકલ્પ તમારા વર્કફ્લો માટે યોગ્ય હોઈ શકે છે.

પ્રશ્નો છે? અમારી પાસે જવાબો છે

તમે પદ્ધતિઓ જાણો છો, પરંતુ સંપૂર્ણ વેબસાઇટનો સ્ક્રીનશોટ લેવાનો પ્રયાસ કરતી વખતે કેટલીક મુશ્કેલ પરિસ્થિતિઓ હંમેશા ઊભી થાય છે. ચાલો હું સાંભળું છું તે કેટલાક સૌથી સામાન્ય પ્રશ્નોનો સામનો કરીએ.

સ્ક્રીનશોટ સાચવવા માટે શ્રેષ્ઠ ફોર્મેટ કયું છે?

આ ખરેખર તમે સ્ક્રીનશોટનો ઉપયોગ શેના માટે કરી રહ્યા છો તેના પર આધાર રાખે છે. મોટાભાગની વસ્તુઓ માટે, ખાસ કરીને ટેક્સ્ટ અથવા તીક્ષ્ણ યુઝર ઇન્ટરફેસ તત્વો સાથેની કોઈપણ વસ્તુ માટે, PNG તમારો શ્રેષ્ઠ વિકલ્પ છે. તે એક "લોસલેસ" ફોર્મેટ છે, જેનો અર્થ એ છે કે તે ફાઇલને નાની બનાવવા માટે કોઈ ડેટા ફેંકી દેતું નથી, તેથી તમને દરેક વખતે સંપૂર્ણ, સ્પષ્ટ છબી મળે છે.

પરંતુ જો તમારે તે સ્ક્રીનશોટ ઇમેઇલ કરવાની અથવા ફાઇલ કદ મર્યાદાઓ સાથે પ્રોજેક્ટ મેનેજમેન્ટ ટૂલમાં અપલોડ કરવાની જરૂર હોય તો શું? ત્યાં JPEG કામમાં આવે છે. તે ફાઇલને નોંધપાત્ર રીતે સંકોચાય છે, પરંતુ તે ગુણવત્તાનો થોડો બલિદાન આપીને આમ કરે છે. સામાન્ય શેરિંગ માટે, તે ઘણીવાર સંપૂર્ણપણે સારું હોય છે, પરંતુ વિગતવાર ડિઝાઇન પ્રતિસાદ અથવા બગ રિપોર્ટિંગ માટે, PNG સાથે રહો.

મારો અંગૂઠાનો નિયમ: ગુણવત્તા અને ચોકસાઈ માટે PNG નો ઉપયોગ કરો. જ્યારે નાની, શેર કરવા માટે સરળ ફાઇલ પિક્સેલ-પરફેક્ટ વિગત કરતાં વધુ મહત્વપૂર્ણ હોય ત્યારે JPEG નો ઉપયોગ કરો.

શું હું ખરેખર અનંત સ્ક્રોલ સાથેનું પૃષ્ઠ કેપ્ચર કરી શકું છું?

આહ, ક્લાસિક અનંત સ્ક્રોલ સમસ્યા. તમારી Twitter અથવા LinkedIn ફીડ વિશે વિચારો. મોટાભાગના ટૂલ્સ ફક્ત પૃષ્ઠ પર હાલમાં લોડ થયેલું છે તે જ "જોઈ" અને કેપ્ચર કરી શકે છે, તેથી તેઓ અટકી જાય છે.

ઉકેલ આશ્ચર્યજનક રીતે લો-ટેક છે. તમારે જાતે જ સ્ક્રોલ કરવું પડશે. ફક્ત તમે કેપ્ચર કરવા માંગો છો તે બધી સામગ્રી દૃશ્યમાં લોડ ન થાય ત્યાં સુધી પૃષ્ઠને મેન્યુઅલી નીચે સ્ક્રોલ કરો. એકવાર તે બધું ત્યાં આવી જાય, પછી તમારું સ્ક્રીનશોટ ટૂલ ટ્રિગર કરો, પછી ભલે તે DevTools હોય કે એક્સ્ટેંશન. આ રીતે, ટૂલ પાસે કામ કરવા માટે સંપૂર્ણ ચિત્ર હોય છે.

શું બ્રાઉઝર એક્સ્ટેન્શન્સ ખરેખર વાપરવા માટે સુરક્ષિત છે?

તે પૂછવા માટે એક સ્માર્ટ પ્રશ્ન છે. તમે સાવચેત રહેવા માટે યોગ્ય છો, કારણ કે એક્સ્ટેન્શન્સને ઘણીવાર તમારી સ્ક્રીન પર શું છે તે વાંચવાની પરવાનગીની જરૂર હોય છે. યુક્તિ એ છે કે સારી રીતે માન્યતા પ્રાપ્ત એક્સ્ટેન્શન્સ સાથે વળગી રહેવું જેઓ તેમના ડેટાને કેવી રીતે હેન્ડલ કરે છે તે વિશે સ્પષ્ટ હોય છે.

શ્રેષ્ઠ એક્સ્ટેન્શન્સ બધું સ્થાનિક રીતે, તમારા પોતાના મશીન પર પ્રક્રિયા કરે છે. ઉદાહરણ તરીકે, ShiftShift Extensions જેવું એક્સ્ટેન્શન તેના બધા જાદુ તમારા બ્રાઉઝરની અંદર કરે છે. તે તમારા સ્ક્રીનશોટને ક્યારેય બાહ્ય સર્વર પર મોકલતું નથી, એટલે કે તમારી માહિતી સંપૂર્ણપણે ખાનગી રહે છે. કોઈપણ એક્સ્ટેન્શન ઇન્સ્ટોલ કરતા પહેલા, તેની પરવાનગીઓ તપાસવી અને તેની ગોપનીયતા નીતિ વાંચવી હંમેશા સારો વિચાર છે.

જો તમે એવા ટૂલની શોધમાં છો જે ઝડપી, ખાનગી અને શક્તિશાળી હોય, તો ShiftShift Extensions ઇકોસિસ્ટમ જોવા યોગ્ય છે. તે તમને એક જ જગ્યાએ સંપૂર્ણ-પૃષ્ઠ સ્ક્રીનશોટ કમાન્ડ અને અન્ય ઘણી ઉપયોગિતાઓ આપે છે. તમે https://shiftshift.app પર તે કેવી રીતે કાર્ય કરે છે તે વિશે વધુ જાણી શકો છો.