आम्ही सोशल मीडियासाठी कोड स्क्रीनशॉट्स कसे तयार करतो
आम्ही पूर्वी हाताने कोड स्क्रीनशॉट्स घेत होतो.
आम्ही एडिटर उघडायचो, विंडो क्रॉप करायचो आणि फाईल पोस्टमध्ये टाकायचो. यामुळे तीन समस्या निर्माण व्हायच्या:
- पोस्ट्समध्ये थीम्स बदलत असत.
- इमेजची रुंदी विसंगत असायची.
- मोबाईल स्क्रीनवर स्क्रीनशॉट्स अस्पष्ट दिसत असत.
आम्ही ते मॅन्युअली करणे थांबवले. आता आम्ही आमच्या गरजेनुसार दोन वेगवेगळ्या पद्धती वापरतो.
वन-ऑफ पोस्टसाठी आम्ही ब्राउझर टूल वापरतो. तुम्ही तुमचा कोड पेस्ट करता, भाषा निवडता आणि एक स्वच्छ PNG डाउनलोड करता. एका सिंगल ट्विट किंवा स्लाइडसाठी हे जलद आहे.
ऑटोमेटेड पोस्टसाठी आम्ही API वापरतो. जेव्हा तुम्हाला पब्लिश करताना किंवा बिल्ड पाइपलाइनमध्ये इमेज तयार करण्याची गरज असते, तेव्हा हे उपयुक्त ठरते. तुम्ही POST रिक्वेस्टद्वारे कोड पाठवता आणि तुम्हाला एक URL परत मिळते.
API का वापरावा? डिप्लॉयमेंट पाइपलाइनमध्ये माणूस बटण क्लिक करू शकत नाही. API मुळे तुमचे सिस्टम मॅन्युअल कामाशिवाय प्रत्येक वेळी अचूक इमेज तयार करू शकते.
सोशल मीडियावरील कोड इमेजेस अधिक चांगल्या करण्यासाठी आमच्या काही टिप्स:
- ते लहान ठेवा. वीस ओळींपेक्षा जास्त नसावे. लांब स्निपेट्स मोबाईलवर वाचण्यासाठी खूप लहान होतात.
- हाय कॉन्ट्रास्ट वापरा. सोशल मीडिया प्लॅटफॉर्म्स तुमच्या इमेजेस कॉम्प्रेस केल्यानंतरही Dracula किंवा One Dark सारख्या थीम्स स्पष्ट दिसतात. लो कॉन्ट्रास्ट थीम्स धूसर दिसतात.
- रिझोल्यूशन टिकवून ठेवा. हाय रिझोल्यूशनमुळे तुमचे कोड रेटिना डिस्प्लेवर स्पष्ट राहतात याची खात्री मिळते.
- तुमचे रिझल्ट्स कॅश (cache) करा. इमेज URL स्टोअर करा जेणेकरून तुम्हाला तोच कोड पुन्हा पुन्हा रेंडर करावा लागणार नाही.
ब्राउझर टूल आणि API दोन्हीमध्ये एकच रेंडरर वापरला जातो. याचा अर्थ असा की तुमच्या मॅन्युअल पोस्ट आणि ऑटोमेटेड पोस्ट नेहमी सारख्याच दिसतात.
तुम्ही कोड स्क्रीनशॉट्स कसे हाताळता? तुम्ही ते हाताने करता की API वापरता? मला कमेंट्समध्ये नक्की सांगा.
स्रोत: https://dev.to/accreditly/how-we-generate-code-screenshots-for-socials-b91