કોઈપણ ઉપકરણ પર સમગ્ર વેબપેજનું સ્ક્રીનશોટ કેવી રીતે લેવું: એક સંપૂર્ણ માર્ગદર્શિકા
અમારા માર્ગદર્શિકા સાથે ઉપકરણો પર સમગ્ર વેબપેજને સ્ક્રીનશોટ કેવી રીતે લેવા તે શીખો. સંપૂર્ણ પૃષ્ઠ કૅપ્ચર માટે બિલ્ટ-ઇન ટૂલ્સથી લઈને એક્સટેંશન્સ અને મોબાઇલ પદ્ધતિઓ સુધી.

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

વિચારો કે છેલ્લે તમે કોઈ લાંબો લેખ અથવા પ્રતિસ્પર્ધીની લેન્ડિંગ પેજ સાચવવાનો પ્રયાસ ક્યારે કર્યો હતો. તમે સંભવતઃ સ્ક્રીનશોટ લીધો, સ્ક્રોલ કર્યું, બીજો એક લીધો અને આ પ્રક્રિયા નીચે સુધી પહોંચવા સુધી દોહરાવી. પરિણામ? તમારે ધીરજપૂર્વક જોડવાની જરૂર હોય તેવી છબીઓનો ગડદાપટ્ટી ભરેલો સમૂહિયો મળ્યો, જો તમે બિલકુલ પણ પ્રયાસ કર્યો હોય.
આ મેન્યુઅલ અભિગમ માત્ર માથાનો દુખાવો નથી; તે કોઈ પણ પ્રકારના વ્યાવસાયિક કાર્ય માટે સંપૂર્ણ રીતે અવ્યવહારુ છે. વેબસાઇટ્સ સાથે કામ કરતા કોઈ પણ વ્યક્તિ માટે—વિકાસકર્તાઓ, માર્કેટર્સ, ડિઝાઇનર્સ, તમે નામ આપો—એક સાદો સ્ક્રીન ગ્રેબ પૂરતો નથી.
- QA પરીક્ષકો માટે: કલ્પના કરો કે વિશાળ પેજના ફૂટરમાં ગાઢ રીતે દૃશ્ય બગ મળી રહ્યું છે. માનક સ્ક્રીનશોટ સંપૂર્ણ સંદર્ભ બતાવી શકતો નથી. બીજી બાજુ, પૂર્ણ-પૃષ્ઠ કેપ્ચર સંપૂર્ણ લેઆઉટ દસ્તાવેજીકરણ કરે છે, જે તમારા બગ રિપોર્ટ્સને સો ગણા સ્પષ્ટ બનાવે છે.
- વેબ ડેવલપર્સ માટે: જ્યારે તમે ગ્રાહકને નવી ડિઝાઇન બતાવી રહ્યા હો, ત્યારે સંપૂર્ણ હોમપેજની એક જ, સુસંગત છબી મોકલવી એ અસંગત ફાઇલોની શ્રેણી કરતાં ઘણી વધુ પોલિશ્ડ દેખાય છે. તે તેમને સમગ્ર પેજ પ્રવાહને એક જ વારમાં સમીક્ષા કરવા દે છે.
- માર્કેટર્સ માટે: પ્રતિસ્પર્ધીના સેલ્સ ફનલ અથવા વિગતવાર ઉત્પાદન પૃષ્ઠને આર્કાઇવ કરવાનો પ્રયાસ કરી રહ્યા છો? તમારે બધું જ કેપ્ચર કરવાની જરૂર છે. પૂર્ણ-પૃષ્ઠ સ્ક્રીનશોટ સંપૂર્ણ વપરાશકારની યાત્રાને એક જ ફાઇલમાં સાચવે છે, વિશ્લેષણ માટે તૈયાર.
આધુનિક વેબ પડકારોને દૂર કરવા
આજની વેબસાઇટ્સ સ્ટેટિકથી ખૂબ દૂર છે. તેમાં એવા ડાયનામિક એલિમેન્ટ્સ ભરેલા છે જે બેઝિક સ્ક્રીનશોટ મેથડ્સને મૂંઝવી દે છે. સ્ટીકી હેડર્સ જે પેજ સાથે તમારી પાછળ ચાલે છે તે તમારા જોડાયેલા ચિત્રોમાં ડુપ્લિકેટ થઈ શકે છે. અને લેઝી-લોડેડ કન્ટેન્ટ વિશે શું જે ફક્ત તમે સ્ક્રોલ કરો ત્યારે જ દેખાય છે? જો તમે યોગ્ય ટૂલનો ઉપયોગ ન કરી રહ્યા હો,તો તે તમારા અંતિમ ચિત્રમાં સંપૂર્ણપણે ગાયબ હોઈ શકે છે.
સંપૂર્ણ વેબપેજ કેપ્ચર કરવું માત્ર સુવિધા વિશે નથી—તે ચોક્કસ,વ્યાવસાયિક,અને સંપૂર્ણ વિઝ્યુઅલ ડોક્યુમેન્ટ બનાવવા વિશે છે. તમે પેજની અખંડિતતાને તેના મૂળ રીતે જોવાનો હેતુ હતો તેમ જ સાચવી રહ્યા છો.
આ માત્ર એક નીચની જરૂરિયાત પણ નથી. વિશ્વસનીય કેપ્ચર ટૂલ્સની માંગ વધી રહી છે. વેબસાઇટ સ્ક્રીનશોટ સોફ્ટવેર માર્કેટ 2033 સુધીમાં $1.2 બિલિયનથી વધી જવાના માર્ગ પર છે,દર વર્ષે સ્થિર 12% ના દરે વધી રહ્યું છે. આ વૃદ્ધિ વ્યાવસાયિકોના જાતે કરવાની પદ્ધતિઓ છોડીને ઑટોમેટેડ ટૂલ્સ તરફ વળવાના મોટા ફેરફારને પ્રતિબિંબિત કરે છે. વધુ માહિતી માટે તમે સંપૂર્ણ બજાર વૃદ્ધિ અહેવાલમાં ઊંડાણથી જોઈ શકો છો.
"કેવી રીતે કરવું" માં ઊતરતા પહેલાં,ઓપ્શન્સને સાથે જોવું મદદરૂપ થાય છે. દરેક મેથડની પોતાની તાકાતો છે અને અલગ-અલગ પરિસ્થિતિઓ માટે અનુકૂળ છે.
વેબપેજ કેપ્ચર પદ્ધતિઓની ઝલક
| પદ્ધતિ | શ્રેષ્ઠ માટે | મુખ્ય મર્યાદા | જરૂરી ટેકનિકલ કુશળતા |
|---|---|---|---|
| બ્રાઉઝર DevTools | ડેવલપર્સ, QA ટેસ્ટર્સ અને કોઈ પણ ઇન્સ્ટોલ કર્યા વગર એક ઝડપી, અંતર્નિહિત કેપ્ચરની જરૂર ધરાવતા ટેકનિકલ વપરાશકર્તાઓ. | ટેકનિક ન હોય તેવા વપરાશકર્તાઓ માટે ગભરાટ ઊભો કરી શકે છે અને એનોટેશન અથવા સંપાદન સુવિધાઓનો અભાવ છે. | મધ્યમ |
| અંતર્નિહિત બ્રાઉઝર સુવિધાઓ | Firefox અથવા Edge પર સામાન્ય વપરાશકર્તાઓ જેમને મૂળભૂત કેપ્ચર્સ માટે એક સરળ, એક-ક્લિક સોલ્યુશનની જરૂર છે. | બધા બ્રાઉઝર્સમાં ઉપલબ્ધ નથી (ખાસ કરીને Chrome) અને ખૂબ જ મર્યાદિત કસ્ટમાઇઝેશન છે. | શરૂઆત |
| બ્રાઉઝર એક્સ્ટેન્શન્સ | લગભગ દરેક જણ—માર્કેટર્સથી લઈને સપોર્ટ ટીમો સુધી—જેમને સંપાદન અને શેરિંગ વિકલ્પો સાથે એક વિશ્વસનીય, સુવિધાસભર ટૂલની જરૂર છે. | તૃતીય-પક્� એક્સ્ટેન્શન ઇન્સ્ટોલ કરવાની જરૂર છે; ફીચરની ગુણવત્તા વ્યાપક રીતે બદલાઈ શકે છે. | પ્રારંભિક |
| મોબાઇલ ઉપકરણ પદ્ધતિઓ | સ્માર્ટફોન અથવા ટેબ્લેટ વડે સીધા જ મોબાઇલ-વિશિષ્ટ લેઆઉટ્સ અથવા એપ સામગ્રી કૅપ્ચર કરવી. | અસ્વસ્થ બની શકે છે; ગુણવત્તા ડેસ્કટૉપ કૅપ્ચર્સ જેટલી ઊંચી ન હોઈ શકે. | પ્રારંભિક |
આ કોષ્ટક તમને ઝડપથી સમજણ આપે છે,દરેક માટેના સ્ટેપ-બાય-સ્ટેપ સૂચનોમાં આગળ વધતા પહેલાં તમને યોગ્ય માર્ગ પસંદ કરવામાં મદદ કરે છે.
કામ માટે યોગ્ય ટૂલ શોધવું
સારા સમાચાર એ છે કે સમગ્ર વેબપેજનો સ્ક્રીનશોટ લેવા માટે તમારે કોડિંગ જીનિયસ હોવાની જરૂર નથી. બિલ્ટ-ઇન બ્રાઉઝર કમાન્ડ્સથી લઈને શક્તિશાળી એક્સ્ટેન્શન્સ સુધી,એક ટૂલ છે જે તમારી જરૂરિયાતોને બરાબર ફિટ થાય છે. આ ઉકેલો અનંત સ્ક્રોલ અને ડાયનેમિક સામગ્રી જેવા આધુનિક પડકારોને હેન્ડલ કરવા માટે બનાવવામાં આવ્યા છે,જે ખાતરી કરે છે કે દરેક વખતે તમને પિક્સેલ-પરફેક્ટ કૅપ્ચર મળે.
આગળના વિભાગોમાં,અમે ઉપલબ્ધ શ્રેષ્ઠ પદ્ધતિઓ પર ચાલશું જેથી તમે તમારા વર્કફ્લોમાં સીધો જ બેસે તેવો એક પસંદ કરી શકો.
તમારા બ્રાઉઝરના છુપાયેલા સ્ક્રીનશોટ ટૂલ્સનો ઉપયોગ
કોઈ તૃતીય-પક્ષ ટૂલ ઇન્સ્ટૉલ કરવાનો વિચાર કરો તે પહેલાં, જુઓ કે તમારું બ્રાઉઝર પહેલેથી શું કરી શકે છે. આ થોડું રહસ્ય છે, પરંતુ Chrome, Firefox અને Edge જેવા બ્રાઉઝરોમાં શક્તિશાળી, નેટિવ ટૂલ્સ છે જે આખી વેબપેજનો સ્ક્રીનશોટ લેવા માટે કોઈ વધારાનાં સૉફ્ટવેરની જરૂર નથી.
મને લાગે છે કે ડેવલપર્સ અને QA નિષ્ણાતો ઘણીવાર આ બિલ્ટ-ઇન પદ્ધતિઓ સાથે ચોંટી જાય છે. કેમ? તેઓ વિશ્વાસપાત્ર છે, પહેલેથી ઇન્સ્ટૉલ થયેલા છે, અને ટેસ્ટિંગ અને ડેવલપમેન્ટ માટે ઉપયોગ કરતા વાતાવરણમાં સીધા કામ કરે છે. આ અભિગમ બ્રાઉઝર એક્સ્ટેન્શન્સ સાથે ઘણીવાર ઊભા થતા ગોપનીયતા સંબંધિત ચિંતાઓ અથવા સંભવિત ટકરાવને સુંદર રીતે ટાળે છે.
Chrome DevTools માં ફુલ-પેજ સ્ક્રીનશોટ અનલૉક કરવું
Google Chrome માં સંપૂર્ણ રીતે સામે અને કેન્દ્રમાં "સંપૂર્ણ પેજ સાચવો" બટન નથી. તેના બદલે, તે એક અત્યંત ચોક્કસ કેપ્ચર ટૂલને તેના Developer Tools (DevTools) ની અંદર ગોઠવી દે છે. જ્યારે મને પિક્સેલ-પરફેક્ટ પરિણામની જરૂર હોય, ખાસ કરીને ટેકનિકલ કાર્ય માટે, ત્યારે આ મારી પહેલી પસંદગી છે.
આ સુધી પહોંચવું ખૂબ જ સીધું છે. સૌ પ્રથમ, તમારે DevTools ખોલવું પડશે. તમે પેજ પર ગમે ત્યાં રાઈટ-ક્લિક કરીને "Inspect" પર ક્લિક કરી શકો છો, અથવા ફક્ત કીબોર્ડ શોર્ટકટ વાપરો:
- Windows/Linux પર:
Ctrl + Shift + I - Mac પર:
Cmd + Option + I
DevTools પેનલ ખોલ્યા પછી, તમારે Command Menu ખોલવી પડશે. આ બીજો એક ઝડપી કીબોર્ડ શોર્ટકટ છે: Ctrl + Shift + P (Windows/Linux પર) અથવા Cmd + Shift + P (Mac પર). એક સર્ચ બાર તરત જ દેખાશે.
ત્યાંથી, ફક્ત "screenshot." ટાઈપ કરવાનું શરૂ કરો. તમે કેટલાક વિકલ્પો ફિલ્ટર થતા જોશો, પરંતુ તમે જે શોધી રહ્યા છો તે "Capture full size screenshot." છે. આ પર ક્લિક કરો. Chrome બાકીનું સંભાળી લેશે—આખા પેજને સ્ક્રોલ કરીને અને જોડીને—તે પછી તેને સીધા જ તમારા ડાઉનલોડ ફોલ્ડરમાં PNG ફાઈલ તરીકે સાચવશે. સરળ.
પ્રતિસાદાત્મક કેપ્ચર માટે મોબાઈલ ઉપકરણોનું અનુકરણ
અહીં જ DevTools પદ્ધતિ ખરેખર ચમકે છે: તે ડિવાઇસ એમ્યુલેટર સાથે એકીકરણ. આ સુવિધા પ્રતિસાદી ડિઝાઇન પરીક્ષણ કરતા કોઈપણ માટે ગેમ-ચેન્જર છે કારણ કે તે તમને ચોક્કસ ફોન અથવા ટેબ્લેટ પર કેવું દેખાશે તે રીતે વેબપેજ કેપ્ચર કરવાની મંજૂરી આપે છે.
પ્રારંભ કરવા માટે, DevTools ખોલો અને "ટૉગલ ડિવાઇસ ટૂલબાર" આયકન જુઓ; તે ફોન ની બાજુમાં નાનકડું ટેબ્લેટ જેવું દેખાય છે. આના પર ક્લિક કરવાથી તરત જ વેબપેજ અનુકરણીય મોબાઇલ સ્ક્રીનમાં ફ્રેમ બદલાય છે. પછી તમે ડ્રોપડાઉન મેનૂનો ઉપયોગ કરીને iPhone 14 Pro અથવા Samsung Galaxy S20 Ultra જેવા ડઝનેક લોકપ્રિય ઉપકરણોમાંથી પસંદગી કરી શકો છો.

આ દૃશ્ય નાના સ્ક્રીન્સ પર લેઆઉટ્સ, ફોન્ટ્સ અને છબીઓ બધી સાચી રીતે રેન્ડર થાય છે તે ચકાસવા માટે સંપૂર્ણ રીતે નિર્ણાયક છે સ્ક્રીનશોટ કેપ્ચર કરતા પહેલાં.
જ્યારે તમારી મોબાઇલ દૃશ્ય સારી રીતે સેટ થઈ જાય, ત્યારે ફક્ત અગાઉના એ જ પગલાં નો ઉપયોગ કરો. કમાન્ડ મેનૂ (Ctrl/Cmd + Shift + P) ખોલો, "સ્ક્રીનશૉટ" ટાઇપ કરો, અને "સંપૂર્ણ કદ સ્ક્રીનશૉટ કેપ્ચર કરો." પસંદ કરો. તમને એક સંપૂર્ણ, ઊર્ધ્વાધર-સ્ક્રોલિંગ મોબાઇલ કેપ્ચર મળશે. આ એ જ વર્કફ્લો છે જે મેં QA એન્જિનિયર્સને એક લાંબી ઈ-કોમર્સ પ્રોડક્ટ પૃષ્ઠ પર મોબાઇલ-ફર્સ્ટ ડિઝાઇન્સ ચકાસવા માટે ઉપયોગ કરતા જોયા છે.
Firefox અને Edge માં નેટિવ સ્ક્રીનશૉટ ટૂલ્સ
જ્યારે Chrome તમને થોડું શોધવું પડે છે, Firefox અને Edge એ સરેરાશ વપરાશકર્તા માટે આ પ્રક્રિયાને ઘણી વધુ સુલભ બનાવી દીધી છે, સુવિધાને સીધા જ મુખ્ય બ્રાઉઝર ઇન્ટરફેસમાં બનાવી છે.
- Firefox માં: ફક્ત પૃષ્ઠ પર ક્યાંય રાઇટ-ક્લિક કરો અને "સ્ક્રીનશૉટ લો." પસંદ કરો. એક ઓવરલે ખુલ્લો થાય છે, જે તમને તમે જે જુઓ છો તેને સાચવવા અથવા સંપૂર્ણ પૃષ્ઠ સાચવવાની પસંદગી આપે છે. તે એક સરળ, બે-ક્લિક પ્રક્રિયા છે.
- Microsoft Edge માં: તમે શોર્ટકટ
Ctrl + Shift + Sનો ઉપયોગ કરી શકો છો અથવા મુખ્ય સેટિંગ્સ મેનૂ (...) પર ક્લિક કરો અને "વેબ કેપ્ચર." શોધો. આ તમને ચોક્કસ વિસ્તાર અથવા સંપૂર્ણ પૃષ્ઠ કેપ્ચર કરવાના વિકલ્પો પણ આપે છે.
આ બિલ્ટ-ઇન ટૂલ્સ અત્યંત ઉપયોગી છે, પરંતુ તેઓ માત્ર વધુ મોટા ઉત્પાદકતા ચિત્રનો એક ભાગ છે. તેઓ કૅપ્ચરિંગ પોતે જ સંપૂર્ણ રીતે કરે છે, પરંતુ અન્ય ઉકેલો પ્રદાન કરી શકે તેવા એકીકૃત વર્કફ્લોનો અભાવ છે. તમારી બ્રાઉઝર કાર્યક્ષમતા ખરેખર વધારવા માટે, ઉત્પાદકતા માટે શ્રેષ્ઠ Chrome એક્સ્ટેન્શન્સ.
પર અમારી માર્ગદર્શિકા તપાસો।પ્રો ટિપ: જ્યારે તમે ગતિશીલ વેબસાઈટ્સ સાથે કામ કરો છો જે સ્ક્રોલ કરતી વખતે વધુ સામગ્રી લોડ કરે છે (સોશિયલ મીડિયા ફીડ્સ વિશે વિચારો), હું હંમેશા સ્ક્રીનશોટ લેતાં પહેલાં પૃષ્ઠના સૌથી નીચેના ભાગ સુધી મેન્યુઅલી સ્ક્રોલ કરું છું. પહેલાં આ બધા ઘટકોને લોડ કરવા મજબૂર કરે છે જેથી તેઓ અંતિમ છબીમાં ખરેખર દેખાય.
આ કૅપ્ચર્સની વિશ્વસનીયતા ખૂબ મહત્વપૂર્ણ છે, ખાસ કરીને QA ટેસ્ટિંગ જેવા વ્યાવસાયિક સેટિંગ્સમાં. તે આશ્ચર્યજનક છે, પરંતુ કેટલીક વ્યાવસાયિક સ્ક્રીનશોટ API માં નિષ્ફળતા દર 28% થી ચોંકાવનારા 75% સુધી છે, જ્યારે શ્રેષ્ઠ-વર્ગના API તેને 6% ની આસપાસ રાખવામાં સફળ થાય છે. આ વિશાળ તફાવત ખરેખર સમજાવે છે કે એક વિશ્વસનીય, બિલ્ટ-ઇન પદ્ધતિ કેમ મૂલ્યવાન છે, ખાસ કરીને વિકાસકર્તાઓ માટે જેમને બહુસંખ્ય JavaScript રેન્ડરિંગ સાથે જટિલ સિંગલ-પેજ એપ્લિકેશન્સ કૅપ્ચર કરવાની જરૂર છે.
બ્રાઉઝર એક્સ્ટેન્શન્સનો ઉપયોગ કરવો: ShiftShift ની ઊંડી દિવાલ
જ્યારે બિલ્ટ-ઇન બ્રાઉઝર ટૂલ્સ મૂળભૂત કેપ્ચર માટે કામ કરે છે, ત્યારે ઝડપથી કામ કરતી વખતે તે થોડા બેઢંગા અને ધીમા લાગી શકે છે. આ જ તે જગ્યા છે જ્યાં એક સારું બ્રાઉઝર એક્સ્ટેન્શન ખરેખર ચમકે છે, તમને પૂરા વેબપેજનો સ્ક્રીનશૉટ લેવા માટે વધુ ઝડપી અને વધુ સહજ રીત આપે છે. ખરેખર, જે કોઈએ આ નિયમિત રીતે કરવાની જરૂર છે, તેમના માટે એક્સ્ટેન્શન્સ ગેમ-ચેન્જર છે.
ડેવલપર મેન્યુઓમાં ખોળખળો પાડવાને બદલે, તમને એક સરળ વન-ક્લિક ઉપાય મળે છે. ઘણા એક્સ્ટેન્શન્સ એડિટિંગ ટૂલ્સ, એનોટેશન્સ અથવા ક્લાઉડ સ્ટોરેજ જેવી સરસ સુવિધાઓ પણ આપે છે. આ એક્સ્ટેન્શન્સ વાસ્તવિક કાર્યો માટે બનાવેલ છે, ભલે તમે સ્પર્ધકના લેન્ડિંગ પેજને સાચવતા માર્કેટર હો કે પ્રેરણા લેતા ડિઝાઇનર.
ShiftShift સ્ક્રીનશૉટ વર્કફ્લો
વિકલ્પોના સાગરમાં, ShiftShift એક્સ્ટેન્શન્સ ઇકોસિસ્ટમ ખરેખર અનોખો અભિગમ અપનાવે છે. તે માત્ર બીજું એક સ્ક્રીનશૉટ ટૂલ નથી; તે એક મોટી પ્રોડક્ટિવિટી સ્યુટમાં સમાવેશ થયેલ ફીચર છે જે તમે એક શક્તિશાળી કમાન્ડ ઇન્ટરફેસ દ્વારા ઍક્સેસ કરી શકો છો. આ સંપૂર્ણપણે બ્રાઉઝર ટૂલ્સ વિશે તમારી વિચારસરણી બદલી નાખે છે.
બધું જ **Command Palette** માંથી ચાલે છે. ફક્ત **Shift** કી પર ડબલ-ટૅપ કરો, અને તે તરત જ ખુલી જાય છે. જો તમે કીબોર્ડ શૉર્ટકટ્સ પસંદ કરો, તો Mac પર **Cmd+Shift+P** અથવા Windows/Linux પર **Ctrl+Shift+P** પણ કામ કરે છે. એકવાર ખુલી ગયા પછી, તમે માઉસ ઉપાડ્યા વગર જ બધું જ કરી શકો છો.
તમારો પહેલો પૂર્ણ-પૃષ્ठ સ્ક્રીનશૉટ કેપ્ચર કરવો
આખી પ્રક્રિયા ઝડપ માટે જ બનાવવામાં આવી છે. એકવાર Command Palette સક્રિય થાય, તો ફક્ત "screenshot." ટાઈપ કરવાનું શરૂ કરો. સ્માર્ટ શોધ તરત જ Full Page Screenshot ટૂલ પ્રદર્શિત કરે છે. મેનૂઓમાં શોધવાની જરૂર નથી.
ત્યાંથી, તમને ત્રણ સીધા વિકલ્પો દેખાશે, દરેક એક અલગ પરિસ્થિતિ માટે:
- દૃશ્યમાન વિસ્તાર: આ ફક્ત હાલમાં તમારી સ્ક્રીન પર જે છે તે જ પકડે છે, જેમ કે એક સામાન્ય સ્ક્રીનશૉટ પરંતુ બ્રાઉઝરના બધા ફ્રેમ વગર.
- કસ્ટમ પસંદગી: ચોક્કસ ચાર્ટ, છબી, અથવા ઉદ્ધરણ પર ધ્યાન કેન્દ્રિત કરવા માટે એકદમ યોગ્ય. ફક્ત ક્લિક કરો અને તમારે જે જોઈએ છે તેની આસપાસ ડ્રો કરવા માટે ખેંચો.
- આખું પેજ: આ જ છે જે અમને જોઈએ છે. તેને પસંદ કરો, અને ટૂલ આપમેળે પેજ નીચે સ્ક્રોલ કરે છે, બધું કૅપ્ચર કરે છે અને તેને એક સંપૂર્ણ, સીમલેસ છબીમાં જોડે છે.
વિકલ્પ પસંદ કર્યા પછી, કૅપ્ચર થોડી સેકંડમાં તૈયાર થઈ જાય છે. તમે તેને PNG અથવા JPEG ફાઇલ તરીકે સાચવી શકો છો. આખી પ્રક્રિયા—પૅલેટ બોલાવવાથી લઈને તમારી ફાઇલ સાચવવા સુધી—પાંચ સેકંડ.
થી ઓછી લાગી શકે છે.ShiftShift અભિગમનું વાસ્તવિક જાદુ માત્ર કૅપ્ચર પોતે જ નથી, પરંતુ તે અન્ય કાર્યો સાથે કેટલું સરળતાથી જોડાય છે. તે વિશિષ્ટ ટૂલ્સને તેમના સિલોમાંથી બહાર ખેંચીને તેમને એક જ ઑન-ડિમાન્ડ વર્કફ્લોમાં મૂકે છે.
આ પ્રકારનું એકીકરણ સમય બચાવવાનું વિશાળ સાધન છે. કલ્પના કરો કે તમે મૂડ બોર્ડ બનાવતા ડિઝાઇનર છો. તમે કોઈ સાઇટનું સંપૂર્ણ-પેજ સ્ક્રીનશૉટ કૅપ્ચર કરી શકો છો, અને પછી, Command Palette છોડ્યા વિના, તરત જ Image Converter ટૂલ લૉન્ચ કરીને તેને બહેતર પ્રદર્શન માટે WebP ફાઇલમાં ફેરવી શકો છો. સ્ટેન્ડઅલોન ટૂલ્સ આ પ્રકારનો અખંડ અનુભવ આપી જ ન શકે.
એકીકરણ અને ગોપનીયતા કેમ મહત્વપૂર્ણ છે
ShiftShift અભિગમને ખરેખર અલગ બનાવતા તેના મૂળ સિદ્ધાંતો છે: ગોપનીયતા અને કાર્યક્ષમતા. એક વિશ્વમાં જ્યાં આપણે બધા અમારા ડેટા વિશે વધુ સજાગ છીએ, ત્યાં આ મોટી વાત છે.
- 100% સ્થાનિક પ્રક્રિયા: સ્ક્રીનશોટ પોતે કે ફાઈલ રૂપાંતરિત કરવા સુધીની દરેક એક ક્રિયા, તમારા બ્રાઉઝરની અંદર જ થાય છે. કંઈપણ ક્યારેય રિમોટ સર્વર પર મોકલવામાં આવતું નથી.
- સંપૂર્ણ ઑફલાઇન કામ કરે છે: કારણ કે બધું જ સ્થાનિક રીતે થાય છે, તમારું ઇન્ટરનેટ ડાઉન થઈ જાય તો પણ તમે સ્ક્રીનશોટ ટૂલ અને અન્ય ઉપયોગિતાઓનો ઉપયોગ કરી શકો છો.
- ડિઝાઇન દ્વારા ગોપનીયતા-કેન્દ્રિત: એક્સ્ટેન્શન તમારી પ્રવૃત્તિને ટ્રૅક કરતું નથી અથવા તમારી કોઈપણ વ્યક્તિગત માહિતી એકત્ર કરતું નથી. તમે જે કરો છો તે તમારા મશીન પર જ રહે છે.
આ સ્થાનિક-પ્રથમ ડિઝાઇનનો અર્થ છે કે તમારા કેપ્ચર્સ ન માત્ર ઝડપી છે પરંતુ સંપૂર્ણ રીતે સુરક્ષિત પણ છે. ડેવલપર્સ અથવા સંવેદનશીલ માહિતી સાથે કામ કરતા કોઈપણ—જેમ કે આંતરિક કંપની પૃષ્ઠો અથવા અપ્રકાશિત ઉત્પાદન ડિઝાઇન—માટે આ નિર્ણાયક છે. તમે આત્મવિશ્વાસથી સમગ્ર વેબપેજનો સ્ક્રીનશોટ લઈ શકો છો, જાણીને કે ડેટા તમારા કમ્પ્યુટર છોડતો નથી. જો તમે આ ગોપનીયતા-પ્રથમ માનસિકતા સાથે બનાવેલા વધુ ટૂલ્સ શોધી રહ્યા છો, તો અમારી ડેવલપર્સ માટે શ્રેષ્ઠ Chrome એક્સ્ટેન્શન્સ ની યાદી શરૂઆત માટે એક ઉત્તમ સ્થળ છે.
ચોક્કસ, બિલ્ટ-ઇન વિકલ્પોથી પરે, ઘણાં બધાં અન્ય ઉત્તમ એક્સ્ટેન્શન્સ પણ છે. યોગ્ય વિકલ્પ શોધવા માટે, વિવિધ જરૂરિયાતો માટે શ્રેષ્ઠ Chrome સ્ક્રીન કેપ્ચર એક્સ્ટેન્શન શું ગણવામાં આવે છે તે શોધવા યોગ્ય છે, કારણ કે કેટલાક એનોટેશન માટે વધુ સારા છે જ્યારે અન્ય વિડિયોમાં ઉત્તમ છે.
અંતે, કીબોર્ડ શોર્ટકટ વડે બોલાવી શકાય તેવા વિશ્વસનીય, જોડાયેલા ટૂલ્સની એક સૂઇટ હોવી એ ડઝનેક એકમાત્ર ઉદ્દેશ્ય ધરાવતા એક્સ્ટેન્શન્સને સંભાળવાનો એક શક્તિશાળી વિકલ્પ છે. તે ગંદકી ઘટાડે છે અને તમારા સમગ્ર બ્રાઉઝર અનુભવને વધુ સુવ્યવસ્થિત અનુભવ કરાવે છે.
જ્યારે પૂર્ણ-પૃષ્ઠ સ્ક્રીનશોટ ખોટા થાય છે

સૌથી વિશ્વસનીય ટૂલ્સ પણ ક્યારેક સમગ્ર વેબપેજનો સ્ક્રીનશૉટ લેવાનો પ્રયાસ કરતી વખતે મુશ્કેલીમાં મુકાઈ શકે છે. આધુનિક સાઈટ્સ જટિલ હોય છે, અને બધું ગૂંચવાઈ જઈ શકે છે. તમે કેપ્ચર પર ક્લિક કરો છો, અને પરિણામ... તમારી અપેક્ષા મુજબ નથી હોતું. કદાચ હેડર આખા પેજ પર વારંવાર દેખાય, છબીઓ ગાયબ હોય, અથવા કેપ્ચર અધવચ્ચે જ અટકી જાય.
આ એક સામાન્ય અનુભવ છે, પરંતુ ચિંતા ન કરો—આમાંથી મોટાભાગની ખામીઓના સરળ ઉપાયો છે. જેમ જેમ વૈશ્વિક ઑનલાઈન વસ્તી 68% સુધી પહોંચવાની અપેક્ષા છે, તેમ વિશ્લેષણ અને ડોક્યુમેન્ટેશન માટે સ્વચ્છ, ચોક્કસ દૃશ્ય રેકોર્ડની જરૂરિયાત વધી રહી છે. તમે નવીનતમ વેબસાઈટ એંગેજમેન્ટ ટ્રેન્ડ્સ વિશે વધુ જાણવા માટે ઊંડાણમાં જઈ શકો છો જેથી ખબર પડે કે કેટલો ડિજિટલ ઇન્ટરેક્શન થઈ રહ્યો છે.
ચાલો હું જે સૌથી વધુ સામાન્ય સમસ્યાઓ જોઈ છે તેના પર એક નજર નાખીએ, અને સૌથી મહત્વનું, તેને કેવી રીતે ઉકેલવી.
સ્ટિકી હેડર્સ અને ફૂટર્સને હેન્ડલ કરવું
આ કદાચ લોકોને ઊભી થતી નંબર વન સમસ્યા છે. તમે નેવિગેશન બાર્સ અથવા ચેટ વિજેટ્સ જાણો છો જે સ્ક્રોલ કરતી વખતે સ્ક્રીનની ટોચ અથવા તળિયે ચોંટી જાય છે? તેમને "સ્ટિકી" અથવા "ફિક્સ્ડ" એલિમેન્ટ્સ કહેવામાં આવે છે.
જ્યારે એક સ્ક્રીનશૉટ ટૂલ પૃષ્ઠને ટુકડાઓમાં પકડે છે અને તેને એકસાથે જોડે છે, ત્યારે તે આકસ્મિક રીતે દરેક વિભાગમાં સ્ટીકી હેડરને પકડી શકે છે. અંતિમ છબીમાં તમારા સામગ્રીને આવરી લેતો નિરાશાજનક રીતે વારંવાર આવતો હેડર રહી જાય છે.
પ્રો ટિપ: કેટલાક સ્માર્ટ બ્રાઉઝર એક્સ્ટેન્શન્સ આ હેન્ડલ કરવા માટે જ બનાવવામાં આવ્યા છે. ઉદાહરણ તરીકે, ShiftShift પાસેથી આવું ટૂલ ઘણીવાર આ નિશ્ચિત તત્વોને ઓળખવા અને અંતિમ છબીને યોગ્ય રીતે જોડવા માટે સમર્થ હોય છે, જેથી સંપૂર્ણપણે પુનરાવર્તનથી બચી શકાય.
જો તમારું ટૂલ એટલું અદ્યતન ન હોય, તો એક ઝડપી મેન્યુઅલ ઓવરરાઇડ છે. તમારા બ્રાઉઝરના ડેવલપર ટૂલ્સનો ઉપયોગ કરીને તત્વને કામચલાઉ રીતે છુપાવો. ફક્ત સ્ટીકી હેડર પર રાઇટ-ક્લિક કરો, ""Inspect"" પસંદ કરો, તેના કોડ શોધો અને display: none; જેવો ઝડપી સ્ટાઇલ નિયમ ઉમેરો. સમસ્યા ઉકેલાઈ.
મારી છબીઓ કેમ ખૂટી રહી છે?
શું તમે ક્યારેય લાંબા લેખનો સ્ક્રીનશૉટ લીધો છે પરંતુ જ્યાં સુંદર છબીઓ હોવી જોઈએ ત્યાં ખાલી સફેદ બોક્સ જ જોયા છે? આ લગભગ હંમેશાં lazy loadingને કારણે છે. તે એક પ્રદર્શન યુક્તિ છે જ્યાં વેબસાઇટ્સ તમને તેને દૃશ્યમાં સ્ક્રોલ ન થાય ત્યાં સુધી છબીઓ લોડ કરતી નથી.
જો તમારું સ્ક્રીનશૉટ ટૂલ છબીઓ પૉપ થવા કરતાં વધુ ઝડપથી સ્ક્રોલ કરે છે, તો તે ફક્ત ખાલી પ્લેસહોલ્ડર્સ જ પકડી લે છે. આ સમસ્યાનો ઉકેલ સુંદર રીતે નીચી ટેકનોલોજીવાળો છે.
- પ્રથમ, ધીમી પૂર્વ-સ્ક્રોલિંગ કરો. તમે કેપ્ચર બટન દબાવવાનું વિચારો તે પહેલાં, પૃષ્ઠના છેલ્લા સુધી મેન્યુઅલી સ્ક્રોલ કરો. ઉતાવળ ન કરો.
- પછી, ફક્ત એક સેકંડ રાહ જુઓ. બધા ચિત્રો અને અન્ય સામગ્રીને સંપૂર્ણ રીતે લોડ થવા માટે થોડો સમય આપો.
- હવે, સ્ક્રીનશોટ ટ્રિગર કરો.
આ નાની ક્રિયા બધું જ બ્રાઉઝરના કેશમાં લોડ કરે છે, તેથી ટૂલ પોતાનું કામ કરે ત્યારે બધું જ ત્યાં અને તૈયાર હોય છે. લગભગ દરેક વખતે સફળતાપૂર્વક કામ કરે છે.
લૉગિન પાછળનાં પૃષ્ઠોનો કેપ્ચર
ખાનગી ડેશબોર્ડ અથવા માત્ર સભ્યો માટેના પૃષ્ઠનો સ્ક્રીનશૉટ લેવાનો પ્રયાસ કરી રહ્યા છો? ઘણી વેબ-આધારિત સ્ક્રીનશોટ સેવાઓ અહીં નિષ્ફળ જાય છે. તેઓ પૃષ્ઠ જોઈ શકતા નથી કારણ કે, બસ, તેઓ તમારા જેવા લૉગ ઇન થયેલા નથી.
આ બિલકુલ એટલા માટે છે કે બ્રાઉઝર એક્સ્ટેન્શન્સ અહીં પ્રથમ પસંદગીનું સમાધાન છે. ShiftShift જેવું એક્સ્ટેન્શન તમારા બ્રાઉઝરની અંદર જ ચાલે છે, જે પહેલેથી જ અધિકૃત છે. તે જુએ છે જે તમે જોશો. ઇનેના પછી લૉગિન, કૉર્પોરેટ ફાયરવૉલ અથવા તો વિકાસ માટે તમે ઉપયોગ કરી રહેલા લોકલ સર્વર પાછળની સામગ્રીને અસરકારક રીતે કેપ્ચર કરી શકે છે.
કોઈ પાસવર્ડ શેર કરવાની જરૂર નથી અને કોઈ ગૂંચવણભરી સેટિંગ્સ નથી. તમે ફક્ત પૃષ્ઠ પર જાઓ અને કેપ્ચર પર ક્લિક કરો. તે એક સુરક્ષિત, સ્થાનિક-પ્રથમ અભિગમ છે જે સીધું કામ કરે છે.
ઝડપી સમસ્યા નિવારણ માર્ગદર્શિકા
શ્રેષ્ઠ તૈયારી હોવા છતાં, તમે સમસ્યામાં ફસાઈ શકો છો. મેં સામાન્ય સમસ્યાઓને ઝડપથી ઓળખવા અને ઉકેલવા માટે આ ઝડપી સંદર્ભ કોષ્ટક તૈયાર કર્યું છે.
સામાન્ય સ્ક્રીનશોટ સમસ્યાઓનું સમાધાન
| સમસ્યા | કારણ | ઉપાય |
|---|---|---|
| ફરી ફરતા હેડર/ફૂટર | "સ્ટીકી" અથવા "ફિક્સ્ડ" ઘટકો દરેક જોડાયેલ સેગમેન્ટમાં કેપ્ચર થઈ રહ્યા છે. | આપમેળે હેન્ડલ કરતા સ્માર્ટ એક્સ્ટેન્શનનો ઉપયોગ કરો, અથવા ઘટકને કામચલાઉ રીતે છુપાવવા માટે બ્રાઉઝર DevTools નો ઉપયોગ કરો display: none;. |
| ગુમાયેલી છબીઓ અથવા સામગ્રી | પૃષ્ઠ લેઝી લોડિંગનો ઉપયોગ કરે છે, અને કેપ્ચર પહેલાં સામગ્રી લોડ થઈ નથી. | પૃષ્ઠના તળિયે બધા એસેટ્સ લોડ કરવા માટે ધીમે ધીમે સ્ક્રોલ કરો, થોડી વાર રાહ જુઓ, પછી સ્ક્રીનશોટ શરૂ કરો. |
| કેપ્ચર અધવચ્ચે નિષ્ફળ થાય | ઘણીવાર infinite scroll પૃષ્ઠો સાથે બને છે જે નવી સામગ્રી લોડ કરતા રહે છે. | કેપ્ચર કરતા પહેલા ઇચ્છિત સામગ્રી લોડ કરવા માટે જાતે નીચે સ્ક્રોલ કરો અગાઉથી. ટૂલ ફક્ત જે પહેલેથી લોડ થયું છે તે જ જોઈ શકે છે. |
| અચોક્કસ કેપ્ચર | ટૂલ જટિલ CSS એનિમેશન્સ અથવા ડાયનામિક લેઆઉટ્સથી ગૂંચવાઈ જાય છે. | કેપ્ચર શરૂ કરતા પહેલા તમારું બ્રાઉઝર વિન્ડોનું કદ બદલવાનો અથવા પૃષ્ઠ પરના કોઈપણ એનિમેશન્સ પૂર્ણ થવાની રાહ જોવાનો પ્રયાસ કરો. |
| લૉગ-ઈન કરેલા પૃષ્ઠોને�સ ઍક્સેસ કરી શકાતું નથી | વેબ-આધારિત સ્ક્રીનશોટ સેવાઓ તમારા લૉગિન ક્રેડેન્શિયલ્સ પસાર કરી શકતી નથી. | બ્રાઉઝર એક્સ્ટેન્શનનો ઉપયોગ કરો. તે તમારા પ્રમાણિત સત્રની અંદર કામ કરે છે અને તમે જે બધું જોઈ શકો છો તે જ જોઈ શકે છે. |
આ ટેબલને તમારી પ્રથમ રક્ષા રેખા તરીકે વિચારો. દસ માંથી નવ વખત, આ સરળ સમાયોજનોમાંથી એક તમને તમે ઇચ્છો છો તે સંપૂર્ણ, સ્વચ્છ સ્ક્રીનશોટ મેળવવામાં મદદ કરશે.
તમારા ફોન પર સ્ક્રોલિંગ સ્ક્રીનશોટ લેવા
ચાલો પ્રામાણિક બનીએ—આપણામાંથી મોટાભાગના ફોન પર વેબ બ્રાઉઝ કરે છે. બધા વેબ ટ્રાફિકનો અડધાથી વધુ ભાગ મોબાઈલ પર થાય છે, તેથી તમારા ઉપકરણ પર સંપૂર્ણ પૃષ્ઠનો સ્ક્રીનશોટ કેવી રીતે કેપ્ચર કરવો તે જાણવું એ કુશળતા છે જેનો ઉપયોગ તમે સતત કરશો.
સદનસીબે, હવે તમારે તૃતીય-પક્ષ એપ્સ શોધવાની જરૂર નથી. iOS અને Android બંનેમાં સ્લિક, બિલ્ટ-ઇન સુવિધાઓ છે જે આ સુંદર રીતે સંભાળે છે. પ્લેન માટે એક લાંબો લેખ સાચવો, ઑનલાઈન ઓર્ડર કન્ફર્મેશન આર્કાઇવ કરો, અથવા ફક્ત સ્પર્ધકની મોબાઈલ સાઈટનો રેકોર્ડ રાખો, તે આશ્ચર્યજનક રીતે સરળ છે કે સંપૂર્ણ વેબપેજનો સ્વચ્છ, સળંગ ચિત્ર મેળવવો.
iPhone પર સંપૂર્ણ પૃષ્ઠો કેપ્ચર કરવા
જો તમે iPhone પર છો, તો Apple પાસે Safari માં સીધું બનેલું અદ્ભુત ફુલ-પેજ કેપ્ચર ટૂલ છે. તે એ અદ્ભુત "તે ફક્ત કામ કરે છે" સુવિધાઓમાંની એક છે. એકમાત્ર મર્યાદા? તે અંતિમ આઉટપુટને PNG જેવા નિયમિત ઇમેજ ફાઈલના બદલે PDF તરીકે સાચવે છે. દસ્તાવેજો આર્કાઇવ કરવા અથવા શેર કરવા માટે, ઘણી વખત આ વધુ સારું છે.
આ પ્રક્રિયા તમે લેતા કોઈપણ અન્ય સ્ક્રીનશોટ જેવી જ શરૂ થાય છે.
- પ્રથમ, Safari. માં તમારે જે વેબપેજ સાચવવું છે તે ખોલો.
- સાઈડ બટન અને વોલ્યુમ અપ બટન ને એકસાથે દબાવીને તમારા iPhone મોડલ માટેનું નિયમિત સ્ક્રીનશોટ કોમ્બો દબાવો.
- નાનકડું થંબનેલ પ્રિવ્યૂ નીચે-ડાબા ખૂણામાં દેખાશે. તમારે તેને તરત જ ટૅપ કરવાની જરૂર છે તે ઝડપથી ગાયબ થાય તે પહેલાં.
જ્યારે તમે પ્રિવ્યૂ ટૅપ કરો છો, ત્યારે તમે એડિટિંગ સ્ક્રીનમાં આવશો. ઉપર જુઓ, અને તમને બે વિકલ્પો દેખાશે: "Screen" અને "Full Page."
ફક્ત "પૂર્ણ પૃષ્ઠ". પર ટૅપ કરો. સમગ્ર સ્ક્રોલ કરી શકાય તેવા પૃષ્ઠનું પૂર્વદર્શન જમણી બાજુએ દેખાશે. તમે સમગ્ર વસ્તુ સ્ક્રોલ કરવા માટે નાના સ્લાઇડરને ખેંચીને ચકાસી શકો છો કે તેણે તમને જોઈતું બધું કૅપ્ચર કર્યું છે.
જ્યારે તમે તેનાથી ખુશ હો, ત્યારે ખૂણામાં "બનાવ્યું" પર ટૅપ કરો અને "PDF ફાઈલોમાં સાચવો" પસંદ કરો. અને આટલું જ. તમારી પાસે સાઇટનું એક સંપૂર્ણ સાચવેલ PDF છે, ઉપયોગ માટે તૈયાર. મને લાગે છે કે બ્લૉગ પોસ્ટ્સ અથવા સમાચાર લેખો જેવી ટેક્સ્ટ-ભારે સામગ્રી માટે આ પદ્ધતિ અતૂટ છે.
Android પર સ્ક્રોલિંગ સ્ક્રીનશૉટ લેવો
Android ની દુનિયામાં બાબતો થોડી વિખેરાયેલી છે, પરંતુ સારા સમાચાર એ છે કે Google, Samsung, OnePlus અને અન્યોના મોટાભાગના આધુનિક ફોનમાં આ માટે મૂળ સુવિધા છે. તેને "સ્ક્રોલિંગ સ્ક્રીનશૉટ," "સ્ક્રોલ કૅપ્ચર," અથવા આવું જ કંઈક કહી શકાય, પરંતુ વિચાર એ જ છે.
તમે સામાન્ય રીતે સ્ક્રીનશૉટ લેવાથી શરૂઆત કરશો.
- પાવર અને વૉલ્યુમ ડાઉન બટનો ને એક સાથે દબાવો.
- એક પૂર્વદર્શન દેખાશે, પરંતુ તમે નીચે એક નાની ટૂલબાર પણ જોશો. નીચેની તરફ નિર્દેશ કરતા તીરો ધરાવતા આયકન પર નજર રાખો, જે ઘણીવાર "વધુ કેપ્ચર કરો" અથવા "સ્ક્રોલ." તરીકે લેબલ હોય છે.
આ બટનને ટેપ કરવાથી સ્ક્રીન આપમેળે નીચે સ્ક્રોલ થાય છે અને નવો વિભાગ તમારા સ્ક્રીનશોટમાં ઉમેરાય છે. તમે જે બધું જોઈએ છે તે કેપ્ચર ન થાય ત્યાં સુધી તમારે ફક્ત બટન ટેપ કરતા રહેવાનું છે. ફોન સ્માર્ટરીતે પ્રક્રિયા દરમિયાન આ બધાને એક લાંબી છબીમાં જોડી દે છે.
એકવાર તમે પેજના તળિયે પહોંચી જાઓ અથવા જરૂરી વિભાગ કેપ્ચર કરી લો, તો પ્રક્રિયા બંધ કરવા માટે ફક્ત સ્ક્રીન પર ક્યાંય ટેપ કરો. અંતિમ, લાંબો સ્ક્રીનશોટ સીધો તમારી ફોટો ગેલેરીમાં એક જ છબી તરીકે સાચવાય છે (સામાન્ય રીતે PNG અથવા JPG), જે જ્યારે તમારે દૃશ્ય રેકોર્ડ જોઈએ ત્યારે યોગ્ય છે.
આ મોટાભાગની સાઈટ્સ પર જાદુ જેવું કામ કરે છે. જો કે, મેં જોયું છે કે ખૂબ જ જટિલ લેઆઉટ અથવા સ્ક્રોલ કરતાં લોડ થતા એલિમેન્ટ્સ (lazy-loading) ધરાવતા પેજીસ પર તે ખોટકો આવી જાય છે. જો તમને ગાયબ ચિત્રો અથવા વિચિત્ર ગોઠવણ ધરાવતો સ્ક્રીનશોટ મળે, તો અહીં એક પ્રો ટિપ છે: તમે સ્ક્રીનશોટ પ્રક્રિયા શરૂ કરો તે પહેલાં પોતે પેજ નીચે સુધી સ્ક્રોલ કરો . આ બધી સામગ્રીને લોડ થવા માટે મજબૂર કરે છે, કેપ્ચર ટૂલને કામ કરવા માટે સંપૂર્ણ પેજ આપે છે.
તમારા કાર્ય માટે યોગ્ય સ્ક્રીનશોટ પદ્ધતિ પસંદ કરવી
જાણવું કે કેવી રીતે આખી વેબપેજનો સ્ક્રીનશોટ લેવો એક મહાન શરૂઆત છે, પરંતુ વાસ્તવિક કૌશલ્ય કાર્ય માટે યોગ્ય સાધન પસંદ કરવામાં છે. આ જ ક્લમ્સી કાર્યપ્રવાહને કાર્યક્ષમ કાર્યપ્રવાહથી અલગ પાડે છે. કોઈ એક શ્રેષ્ઠ પદ્ધતિ નથી—માત્ર તમારે જે કરવું છે તે માટે યોગ્ય સાધન છે હમણાં.
બીજી બાજુ, એક સાદું બ્રાઉઝર એક્સ્ટેન્શન તમને કોઈ ગંભીર બગ રિપોર્ટ માટે જરૂરી ચોકસાઈ આપી શકે નહીં. બીજી બાજુ, એક સાદું બ્રાઉઝર એક્સ્ટેન્શન તમને કોઈ ગંભીર બગ રિપોર્ટ માટે જરૂરી ચોકસાઈ આપી શકે નહીં. બીજી બાજુ, એક સાદું બ્રાઉઝર એક્સ્ટેન્શન તમને કોઈ ગંભીર બગ રિપોર્ટ માટે જરૂરી ચોકસાઈ આપી શકે નહીં. બીજી બાજુ, એક સાદું બ્રાઉઝર એક્સ્ટેન્શન તમને કોઈ ગંભીર બગ રિપોર્ટ માટે જરૂરી ચોકસાઈ આપી શકે નહીં.
ટૂલને વપરાશકર્તા સાથે મેળવવું
ચાલો જોઈએ કે વિવિધ વ્યાવસાયિકો આને કેવી રીતે અભિગમ કરી શકે. તમારી ભૂમિકા ઘણીવાર તમારા પ્રાથમિકતાઓ નક્કી કરે છે, ભલે તે ઝડપ હોય, પિક્સેલ-સંપૂર્ણ ચોકસાઈ હોય, અથવા ફક્ત સાદી સગવડતા હોય.
- QA એન્જિનિયર માટે: તમારું કામ ચોકસાઈ પર ટકેલું છે. Chrome DevTools રીસ્પોન્સિવ ડિઝાઇનની સમસ્યાઓને શોધવા અને વિઝ્યુઅલ બગ્સને સંપૂર્ણ ચોકસાઈ સાથે દસ્તાવેજ કરવા માટે તમારું પ્રમુખ સાધન છે. પરંતુ ઝડપથી યુઝર ફ્લો કેપ્ચર કરવા અથવા નાની UI ખામીઓને ચિહ્નિત કરવા માટે, ShiftShift જેવા એક્સ્ટેન્શન ઘણા ઝડપી છે અને તમને તમારા કામ પર કેન્દ્રિત રહેવા દે છે.
- માર્કેટર માટે: તમે સતત હરીફોની જાહેરાતો સંગ્રહિત કરી રહ્યા છો, પ્રેરણા માટે સુંદર લેન્ડિંગ પેજીસ સાચવી રહ્યા છો અને તમારા પોતાના અભિયાનોને દસ્તાવેજ કરી રહ્યા છો. ઝડપ અને સંગઠન બધું જ છે. એક વિશ્વસનીય બ્રાઉઝર એક્સ્ટેન્શન તમારો શ્રેષ્ઠ મિત્ર છે, જે તમને વિઝ્યુઅલ્સને બિન તાણ સાથે ઝડપથી કેપ્ચર કરવા, સાચવવા અને ક્રમમાં ગોઠવવા દે છે.
- સામાન્ય વપરાશકર્તા માટે: સરળ રાખો. Firefox, Edge અથવા તમારા ફોનમાં બિલ્ટ-ઇન સ્ક્રીનશૉટ ટૂલ્સ પૂરતા છે. તેઓ સ્વચ્છ, ઉપયોગ કરવામાં સરળ છે અને કોઈ વધારાના ડાઉનલોડ અથવા ભારે શીખવાની વળાંક વગર મોટાભાગની દૈનિક જરૂરિયાતોને પહોંચી વળે છે.
જ્યારે તમે તમારા ડેસ્કથી દૂર હોવ, ત્યારે પસંદગી વધુ પણ સરળ થઈ જાય છે, જેમ કે મોબાઈલ સ્ક્રીનશોટ માટેની આ નિર્ણય વૃક્ષ દર્શાવે છે.

જેમ તમે જોઈ શકો છો, બંને iOS અને Android તમને પૂર્ણ સ્ક્રોલિંગ પેજ કેપ્ચર કરવાનો નેટિવ રસ્તો આપે છે, જોકે ચોક્કસ પગલાં અને અંતિમ પરિણામમાં થોડો ફેર હોઈ શકે છે.
હેતુ ફક્ત કેવી રીતે જાણવાથી આગળ વધવાનો છે અને ક્યારે અને શા માટે સમજવાનું શરૂ કરવાનો છે. આ વ્યૂહાત્મક અભિગમ સમય બચાવે છે અને ખાતરી કરે છે કે તમને હંમેશા સંપૂર્ણ પરિણામ મળે.
અંતે, તમારા પાસે એક બહુમુખી સાધન હોવું અમૂલ્ય છે. ક્યારેક કોઈ સ્થિર છબી પૂરતી નથી હોતી, અને તમને કંઈક વધુ ગતિશીલ જોઈ શકે છે, જેમ કે પ્રશિક્ષણ અથવા સહાય દસ્તાવેજો માટે સંવાદી ટપકાંક્રમ માર્ગદર્શિકાઓ બનાવવી. જો તમે સ્ક્રીનશોટને સંપાદન સુવિધાઓ સાથે જોડતું એક શક્તિશાળી સાધન શોધી રહ્યા છો, તો એક સારો મફત Snagit વિકલ્પ તમારા કાર્યપ્રવાહ માટે યોગ્ય હોઈ શકે છે.
પ્રશ્નો છે? અમારી પાસે જવાબો છે
તમે પદ્ધતિઓ શીખી લીધી છે, પરંતુ આખી વેબપેજનો સ્ક્રીનશોટ લેવાનો પ્રયાસ કરતી વખતે હંમેશાં થોડા ગૂંચવણભર્યા પરિસ્થિતિઓ સામે આવે છે. ચાલો હું જેને સાંભળું છું તે કેટલાક સૌથી સામાન્ય પ્રશ્નો પર ચર્ચા કરીએ.
સ્ક્રીનશોટ સાચવવા માટે શ્રેષ્ઠ સ્વરૂપ કયું છે?
આ ખરેખર એ વાત પર આધારિત છે કે તમે સ્ક્રીનશોટનો ઉપયોગ શેના માટે કરી રહ્યા છો. મોટાભાગની બાબતો માટે, ખાસ કરીને કોઈપણ ટેક્સ્ટ અથવા તીખી વપરાશકર્તા ઇન્ટરફેસ ઘટકો ધરાવતી કોઈપણ બાબત માટે, PNG તમારો શ્રેષ્ઠ વિકલ્પ છે. તે એક "નાશ વગરનું" સ્વરૂપ છે, જેનો અર્થ એ થયો કે ફાઇલને નાની બનાવવા માટે તે કોઈપણ ડેટા ફેંકતું નથી, તેથી દર વખતે તમને એક સંપૂર્ણ, તીખી છબી મળે છે.
પરંતુ જો તમારે તે સ્ક્રીનશોટ ઇમેલ કરવો હોય અથવા ફાઇલ સાઇઝ મર્યાદા ધરાવતા પ્રોજેક્ટ મેનેજમેન્ટ ટૂલમાં અપલોડ કરવો હોય તો શું? ત્યારે JPEG કામમાં આવે છે. તે ફાઇલને નોંધપાત્ર રીતે ઘટાડે છે, પરંતુ થોડી ગુણવત્તા ગુમાવીને આવું કરે છે. સામાન્ય શેરિંગ માટે, તે ઘણીવાર સંપૂર્ણપણે યોગ્ય છે, પરંતુ વિગતવાર ડિઝાઇન પ્રતિસાદ અથવા બગ રિપોર્ટિંગ માટે, PNG સાથે ચોંટી રહો.
મારો નિયમ: ગુણવત્તા અને ચોકસાઇ માટે PNG નો ઉપયોગ કરો. જ્યારે પિક્સેલ-પરફેક્ટ વિગતો કરતાં નાની, સરળતાથી શેર કરી શકાય તેવી ફાઇલ વધુ મહત્વપૂર્ણ હોય, ત્યારે JPEG નો ઉપયોગ કરો.
શું હું ખરેખર ઇન્ફિનિટ સ્ક્રોલવાળા પૃષ્ઠને કેપ્ચર કરી શકું છું?
અહો, ક્લાસિક ઇન્ફિનિટ સ્ક્રોલ સમસ્યા. તમારા Twitter અથવા LinkedIn ફીડને વિચારો. મોટાભાગના ટૂલ્સ ફક્ત હાલમાં પૃષ્ઠ પર લોડ થયેલ વસ્તુઓ જોઈ અને કેપ્ચર કરી શકે છે, તેથી તેઓ અટવાય છે.
ઉકેલ આશ્ચર્યજનક રીતે ઓછી-ટેક છે. તમારે સ્ક્રોલિંગ પોતે જ કરવી પડશે. ફક્ત પૃષ્ઠ પર મેન્યુઅલી નીચે સ્ક્રોલ કરો જ્યાં સુધી તમે કેપ્ચર કરવા માંગતા તમામ સામગ્રી લોડ થઈને દૃશ્યમાં ન આવે. એકવાર તે બધું ત્યાં હોય, ત્યારે તમારા સ્ક્રીનશોટ ટૂલને ટ્રિગર કરો, ભલે તે DevTools હોય અથવા એક્સ્ટેન્શન. આ રીતે, ટૂલ પાસે કામ કરવા માટે સંપૂર્ણ ચિત્ર હશે.
શું બ્રાઉઝર એક્સ્ટેન્શન્સ ખરેખર ઉપયોગ કરવા માટે સુરક્ષિત છે?
આ એક સમજદાર સવાલ છે. તમે સાવધાન રહેવા માટે સાચા છો, કારણ કે એક્સ્ટેન્શન્સને ઘણીવાર તમારી સ્ક્રીન પર શું છે તે વાંચવાની પરવાનગીની જરૂર પડે છે. ગુણ એ છે કે સારા પ્રતિષ્ઠાવાળા એક્સ્ટેન્શન્સ સાથે જ ચોંટી રહો જે તમારા ડેટાને કેવી રીતે સંભાળે છે તે વિશે સ્પષ્ટ છે.
શ્રેષ્ઠ એક્સ્ટેન્શન્સ બધું તમારા પોતાના મશીન પર, સ્થાનિક રીતે પ્રક્રિયા કરે છે. ઉદાહરણ તરીકે, ShiftShift Extensions જેવું એક્સ્ટેન્શન તેનો આખો જાદુ તમારા બ્રાઉઝરની અંદર જ કરે છે. તે ક્યારેય તમારું સ્ક્રીનશૉટ બહારના સર્વરને મોકલતું નથી, જેનો અર્થ છે કે તમારી માહિતી સંપૂર્ણ રીતે ખાનગી રહે છે. કોઈપણ એક્સ્ટેન્શન ઇન્સ્ટોલ કરતા પહેલાં, તેની પરવાનગીઓ ઝડપથી તપાસવી અને તેની ગોપનીયતા નીતિ વાંચવી હંમેશા સારી વાર છે.
જો તમે એક એવું ટૂલ શોધી રહ્યા છો જે ઝડપી, ખાનગી અને શક્તિશાળી હોય, તો ShiftShift Extensions ઇકોસિસ્ટમ જોવા યોગ્ય છે. તે તમને એક જ જગ્યાએ પૂર્ણ-પૃષ્ઠ સ્ક્રીનશૉટ કમાન્ડ અને ઘણાં બધાં અન્ય યુટિલિટીઝ આપે છે. તે કેવી રીતે કામ કરે છે તે વિશે વધુ જાણી શકો છો https://shiftshift.app.