सोशल मीडिया के लिए कोड स्क्रीनशॉट कैसे जनरेट करते हैं
हम पहले हाथ से कोड स्क्रीनशॉट लेते थे।
हम एडिटर खोलते थे, विंडो को क्रॉप करते थे, और फ़ाइल को पोस्ट में डाल देते थे। इससे तीन समस्याएँ होती थीं:
- पोस्ट के बीच में थीम्स बदल जाती थीं।
- इमेज की चौड़ाई एक समान नहीं रहती थी।
- मोबाइल स्क्रीन पर स्क्रीनशॉट धुंधले दिखते थे।
हमने इसे मैन्युअल रूप से करना बंद कर दिया। अब हम अपनी ज़रूरतों के आधार पर दो अलग-अलग तरीकों का उपयोग करते हैं।
वन-ऑफ (one-off) पोस्ट के लिए हम एक ब्राउज़र टूल का उपयोग करते हैं। आप अपना कोड पेस्ट करते हैं, एक भाषा चुनते हैं, और एक साफ़ PNG डाउनलोड करते हैं। यह एक सिंगल ट्वीट या स्लाइड के लिए तेज़ है।
ऑटोमेटेड पोस्ट के लिए हम एक API का उपयोग करते हैं। यह तब काम आता है जब आपको पब्लिश करते समय या बिल्ड पाइपलाइन (build pipeline) के अंदर इमेज जनरेट करने की आवश्यकता होती है। आप POST रिक्वेस्ट के माध्यम से कोड भेजते हैं और बदले में एक URL प्राप्त करते हैं।
API का उपयोग क्यों करें? एक इंसान डिप्लॉयमेंट पाइपलाइन (deployment pipeline) में बटन नहीं दबा सकता। एक API आपके सिस्टम को बिना किसी मैन्युअल काम के हर बार परफेक्ट इमेज बनाने की अनुमति देता है।
सोशल मीडिया के लिए बेहतर कोड इमेज बनाने के हमारे टिप्स:
- इसे छोटा रखें। बीस लाइनों से ज़्यादा न बढ़ाएं। लंबे स्निपेट्स मोबाइल पर पढ़ने के लिए बहुत छोटे हो जाते हैं।
- हाई कंट्रास्ट (high contrast) का उपयोग करें। Dracula या One Dark जैसी थीम्स सोशल मीडिया प्लेटफॉर्म द्वारा इमेज कंप्रेस होने के बाद भी साफ़ दिखती हैं। लो कंट्रास्ट वाली थीम्स धुंधली लगती हैं।
- रेजोल्यूशन बनाए रखें। हाई रेजोल्यूशन यह सुनिश्चित करता है कि आपका कोड रेटिना डिस्प्ले (retina displays) पर एकदम साफ़ दिखे।
- अपने परिणामों को कैश (cache) करें। इमेज URL को स्टोर करें ताकि आपको एक ही कोड को दोबारा रेंडर न करना पड़े।
ब्राउज़र टूल और API एक ही रेंडरर (renderer) का उपयोग करते हैं। इसका मतलब है कि आपकी मैन्युअल पोस्ट और आपकी ऑटोमेटेड पोस्ट हमेशा एक जैसी दिखती हैं।
आप कोड स्क्रीनशॉट कैसे हैंडल करते हैं? क्या आप इसे हाथ से करते हैं या API का उपयोग करते हैं? मुझे कमेंट्स में बताएं।
स्रोत: https://dev.to/accreditly/how-we-generate-code-screenshots-for-socials-b91