Google Chrome का उपयोग करके विशिष्ट आयामों के साथ एक वेबसाइट स्क्रीनशॉट कैसे लें
यदि आप एक ऐसी एजेंसी या कंपनी हैं, जिसके पास साइटों या पृष्ठों का एक पोर्टफोलियो है, जिसे आप ऑनलाइन साझा करना चाहते हैं, तो संभवतः आप प्रत्येक साइट के एकसमान स्क्रीनशॉट को कैप्चर करने का प्रयास करने के दर्द से गुज़रे होंगे।
जिन ग्राहकों के साथ हम काम कर रहे हैं उनमें से एक ने होस्ट किए गए इंट्रानेट समाधान का निर्माण किया है जिसे किसी कंपनी की सीमा के भीतर आंतरिक रूप से होस्ट किया जा सकता है। इंट्रानेट कंपनियों के लिए कंपनी समाचार संप्रेषित करने, विपणन जानकारी वितरित करने, लाभ जानकारी प्रदान करने आदि में अविश्वसनीय रूप से सहायक होते हैं।
हमने इस ग्राहक को उनके इंट्रानेट समाधान उत्पाद को उनकी मूल कंपनी की वेबसाइट से माइग्रेट करने में मदद की। यह एक व्यापक परियोजना थी जिसमें नए सामाजिक प्रोफाइल बनाने, मार्केटो को अपडेट करने और फिर अपनी साइटों को संयोजित करने के लिए उनके द्वारा किए गए कुछ कस्टम विकास को अलग करने से लेकर सब कुछ शामिल था।
एक महत्वपूर्ण कदम यह सुनिश्चित कर रहा था कि हमें उनके ग्राहकों की इंट्रानेट साइटों के शानदार उत्पाद शॉट्स उनकी नई वेबसाइट पर प्रमुखता से मिले। हम यह सुनिश्चित करना चाहते थे कि प्रत्येक स्क्रीनशॉट पूरी साइट पर समान चौड़ाई और ऊंचाई का हो। यह कठिन हो सकता है... जब तक कि आप Google Chrome का उपयोग नहीं कर रहे हों।
Google Chrome के साथ क्लाइंट स्क्रीनशॉट
आपको इसका एहसास नहीं हो सकता है, लेकिन आप Google Chrome के मजबूत डेवलपर टूल के अंतर्निहित सेट के साथ सही स्क्रीनशॉट कैप्चर कर सकते हैं। दिलचस्प बात यह है कि इसके अद्भुत लचीलेपन के बावजूद, यह बहुत प्रसिद्ध विशेषता नहीं है। यह सुविधा आपको विशिष्ट आयामों और स्क्रीन आकारों के लिए अपनी उत्तरदायी साइट के शॉट लेने की भी अनुमति देती है।
यहां एक त्वरित वीडियो ट्यूटोरियल है कि कैसे Google Chrome का उपयोग करके किसी वेब पृष्ठ का सटीक, विशेष आकार का, स्क्रीनशॉट लिया जाए:
Google क्रोम के साथ एक स्क्रीनशॉट लेने के लिए कदम
Google क्रोम के डेवलपर टूल्स अपने डिवाइस टूलबार का उपयोग कर साइट का पूर्वावलोकन कर सकते हैं। यह टूल इसलिए बनाया गया था ताकि डेवलपर यह देख सकें कि साइट विभिन्न उपकरणों में अलग-अलग व्यूपोर्ट आकारों में कैसी दिखती है... लेकिन यह एक वेब पेज के पूर्ण आकार के स्क्रीनशॉट प्राप्त करने का एक सही तरीका भी है।
इस मामले में, हम चाहते हैं कि उद्योगों में ग्राहक के प्रत्येक प्रमुख ग्राहक ने स्क्रीनशॉट लेने के लिए सुंदर इंट्रानेट साइटों का निर्माण किया है ताकि हम उन सभी को उनकी वेबसाइट पर एक पोर्टफोलियो में प्रदर्शित कर सकें। हम चाहते हैं कि पेज ठीक 1200px चौड़ा गुणा 800px लंबा हो। यह प्राप्त करने के:
- दूर दाएं नेविगेशन बटन (3 वर्टिकल डॉट्स) में, को चुनें अनुकूलित और नियंत्रण मेनू.
- चुनते हैं अधिक उपकरण> डेवलपर उपकरण
- टॉगल करें उपकरण टूलबार उपकरण विकल्पों और आयामों को ऊपर लाने के लिए।
- के लिए पहला विकल्प सेट करें उत्तरदायी, फिर 1200 x 800 और हिट दर्ज करने के लिए आयाम सेट करें। अब पृष्ठ उन आयामों के साथ प्रदर्शित होगा।
- डिवाइस टूलबार के दाईं ओर, नेविगेशन बटन (3 ऊर्ध्वाधर डॉट्स) पर क्लिक करें और चुनें स्क्रीनशॉट कैप्चर करें.
- Google Chrome एक संपूर्ण स्क्रीनशॉट लेगा और इसे आपके पास छोड़ देगा डाउनलोड फ़ोल्डर जहाँ आप संलग्न कर सकते हैं और इसे एक ईमेल में भेज सकते हैं। सुनिश्चित करें कि पूर्ण आकार के स्क्रीनशॉट का चयन न करें क्योंकि यह संपूर्ण पृष्ठ की लंबाई लेगा और आपकी ऊंचाई की सीमा को अनदेखा कर देगा।
स्क्रीनशॉट के लिए Google क्रोम कीबोर्ड शॉर्टकट
यदि आप एक कीबोर्ड शॉर्टकट मास्टर हैं, तो आप इन शॉर्टकट से पूरे पृष्ठ का स्क्रीनशॉट ले सकते हैं। मुझे यह दृष्टिकोण पसंद नहीं है क्योंकि मैं व्यूपोर्ट की अधिकतम ऊंचाई निर्धारित नहीं कर सकता... लेकिन यदि आपको कभी भी पूरे पृष्ठ के स्क्रीनशॉट की आवश्यकता हो तो यह काम आता है।
कीबोर्ड शॉर्टकट (मैक)
1. Alt + Command + I
2. Command + Shift + P
कीबोर्ड शॉर्टकट (विन / लिनक्स)
1. Ctrl + Shift + I
2. Ctrl + Shift + P