स्क्रीनशॉट मॉकअप जनरेटर
स्क्रीनशॉट को ब्राउज़र विंडो, ऐप विंडो, फ़ोन, टैबलेट या लैपटॉप फ़्रेम में रखें, ग्रेडिएंट या ठोस बैकग्राउंड और छाया के साथ। PNG डाउनलोड करें।
पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड नहीं होता।
स्क्रीनशॉट मॉकअप क्या है?
स्क्रीनशॉट मॉकअप टूल आपके स्क्रीनशॉट को एक साफ़, सामान्य डिवाइस या विंडो में फ़्रेम करता है: एड्रेस बार में आपके URL वाली लाइट या डार्क ब्राउज़र विंडो, सादी ऐप विंडो, फ़ोन, टैबलेट या लैपटॉप। ग्रेडिएंट, ठोस या पारदर्शी बैकग्राउंड, पैडिंग और छाया जोड़ें, फिर लैंडिंग पेज, डॉक्स या सोशल पोस्ट के लिए तैयार PNG एक्सपोर्ट करें।
स्क्रीनशॉट मॉकअप का उपयोग कैसे करें
- स्क्रीनशॉट छोड़ें, चुनें या पेस्ट करें।
- कोई फ़्रेम चुनें और ब्राउज़र फ़्रेम के लिए एड्रेस बार का टेक्स्ट लिखें।
- बैकग्राउंड (ग्रेडिएंट, एक रंग या पारदर्शी), उसके रंग, पैडिंग और छाया चुनें।
- PNG मॉकअप डाउनलोड करें।
उदाहरण
40×20 screenshot, frame Browser window (light), padding 0, transparent background
40×64 PNG: a 44 px title bar with window dots and address bar above the screenshot
स्क्रीनशॉट मॉकअप का उपयोग कब करें
प्रोडक्ट पेज, README फ़ाइल, चेंजलॉग, प्रेज़ेंटेशन या ट्वीट में स्क्रीनशॉट को निखारने के लिए इसका इस्तेमाल करें। फ़ोटोरियलिस्टिक डिवाइस रेंडर या पर्सपेक्टिव मॉकअप के लिए समर्पित डिज़ाइन टूल इस्तेमाल करें।
स्क्रीनशॉट मॉकअप कैसे काम करता है
सब कुछ कैनवास पर बनता है। ब्राउज़र और ऐप विंडो स्क्रीनशॉट के साइज़ के अनुसार बनती हैं (उसके ऊपर टाइटल बार जुड़ती है, जिसके साइज़ स्क्रीनशॉट की चौड़ाई से स्केल होते हैं), इसलिए स्क्रीनशॉट अपना पूरा रिज़ॉल्यूशन रखता है। फ़ोन, टैबलेट और लैपटॉप फ़्रेम तय स्क्रीन आस्पेक्ट रेशियो (19.5:9, 4:3 और 16:10) इस्तेमाल करते हैं: स्क्रीनशॉट को स्क्रीन की चौड़ाई तक स्केल करके ऊपर से बनाया जाता है और बाहर निकला हिस्सा कट जाता है। फ़्रेम सरल सामान्य आकृतियाँ हैं, किसी खास ब्रांड के डिवाइस की प्रतिकृति नहीं।
सामान्य उपयोग मामले
- लैंडिंग पेज पर वेब ऐप का स्क्रीनशॉट दिखाना।
- डॉक्यूमेंटेशन के स्क्रीनशॉट में ब्राउज़र फ़्रेम जोड़ना।
- सोशल मीडिया के लिए मोबाइल साइट का फ़ोन मॉकअप बनाना।
- ब्रांडेड ग्रेडिएंट बैकग्राउंड के साथ एक जैसी चेंजलॉग इमेज बनाना।
सुरक्षा नोट
इमेज आपके ब्राउज़र में Canvas API से ही डिकोड, प्रोसेस और एन्कोड होती हैं। कुछ भी सर्वर पर अपलोड नहीं होता।
अक्सर पूछे जाने वाले प्रश्न
क्या मेरे स्क्रीनशॉट का साइज़ बदलेगा?
ब्राउज़र और ऐप फ़्रेम में वह अपना मूल साइज़ रखता है। फ़ोन, टैबलेट और लैपटॉप फ़्रेम में उसे स्क्रीन की चौड़ाई तक स्केल किया जाता है और अगर वह स्क्रीन से ऊँचा हो तो नीचे से काटा जाता है।
क्या मुझे पारदर्शी बैकग्राउंड मिल सकता है?
हाँ, बैकग्राउंड के रूप में पारदर्शी चुनें; PNG फ़्रेम और छाया के आसपास पारदर्शिता रखता है।
क्या ये असली डिवाइस मॉडल हैं?
नहीं। फ़्रेम तटस्थ, सामान्य डिज़ाइन हैं ताकि उन्हें ट्रेडमार्क की चिंता के बिना खुलकर इस्तेमाल किया जा सके।