సోషల్ మీడియా కోసం మేము కోడ్ స్క్రీన్షాట్లను ఎలా రూపొందిస్తాము
మేము గతంలో కోడ్ స్క్రీన్షాట్లను మాన్యువల్గా తీసుకునేవాళ్ళం.
మేము ఎడిటర్ను ఓపెన్ చేసి, విండోను క్రాప్ చేసి, ఆ ఫైల్ను పోస్ట్లో వేసేవాళ్ళం. దీనివల్ల మూడు సమస్యలు తలెత్తేవి:
- పోస్ట్ల మధ్య థీమ్స్ మారుతూ ఉండేవి.
- ఇమేజ్ వెడల్పులు ఒకేలా ఉండేవి కావు.
- మొబైల్ స్క్రీన్లపై స్క్రీన్షాట్లు బ్లర్రీగా కనిపించేవి.
మేము దానిని మాన్యువల్గా చేయడం ఆపివేశాము. ఇప్పుడు మా అవసరాలను బట్టి రెండు వేర్వేరు పద్ధతులను ఉపయోగిస్తున్నాము.
వన్-ఆఫ్ పోస్ట్ల కోసం మేము బ్రౌజర్ టూల్ను ఉపయోగిస్తాము. మీరు మీ కోడ్ను పేస్ట్ చేసి, ఒక లాంగ్వేజ్ను ఎంచుకుని, క్లీన్ PNGని డౌన్లోడ్ చేసుకోవచ్చు. ఇది ఒక సింగిల్ ట్వీట్ లేదా స్లైడ్ కోసం చాలా వేగంగా ఉంటుంది.
ఆటోమేటెడ్ పోస్ట్ల కోసం మేము APIని ఉపయోగిస్తాము. పబ్లిష్ చేసే సమయంలో లేదా బిల్డ్ పైప్లైన్ (build pipeline) లోపల ఇమేజ్లను రూపొందించాల్సి వచ్చినప్పుడు ఇది ఉపయోగపడుతుంది. మీరు POST రిక్వెస్ట్ ద్వారా కోడ్ను పంపిస్తే, మీకు తిరిగి ఒక URL వస్తుంది.
APIని ఎందుకు ఉపయోగించాలి? డిప్లాయ్మెంట్ పైప్లైన్లో మనిషి బటన్ను క్లిక్ చేయలేడు. API ద్వారా మీ సిస్టమ్ మాన్యువల్ పని లేకుండా ప్రతిసారీ ఖచ్చితమైన ఇమేజ్లను సృష్టించగలదు.
సోషల్ మీడియా కోడ్ ఇమేజ్ల కోసం మా చిట్కాలు:
- కోడ్ను చిన్నదిగా ఉంచండి. ఇరవై లైన్ల కంటే ఎక్కువ ఉండకూడదు. కోడ్ స్నిప్పెట్లు పెద్దవిగా ఉంటే మొబైల్లో చదవడానికి చాలా చిన్నవిగా కనిపిస్తాయి.
- హై కాంట్రాస్ట్ ఉపయోగించండి. సోషల్ మీడియా ప్లాట్ఫారమ్లు మీ ఇమేజ్లను కంప్రెస్ చేసిన తర్వాత కూడా Dracula లేదా One Dark వంటి థీమ్స్ స్పష్టంగా ఉంటాయి. తక్కువ కాంట్రాస్ట్ ఉన్న థీమ్స్ మసకగా కనిపిస్తాయి.
- రిజల్యూషన్ను నిర్వహించండి. హై రిజల్యూషన్ వల్ల మీ కోడ్ రెటినా డిస్ప్లేలపై స్పష్టంగా కనిపిస్తుంది.
- ఫలితాలను క్యాష్ (Cache) చేయండి. ఒకే కోడ్ను రెండుసార్లు రెండర్ చేయకుండా ఉండటానికి ఇమేజ్ URLని స్టోర్ చేయండి.
బ్రౌజర్ టూల్ మరియు API రెండూ ఒకే రెండరర్ను ఉపయోగిస్తాయి. అంటే మీ మాన్యువల్ పోస్ట్లు మరియు ఆటోమేటెడ్ పోస్ట్లు ఎల్లప్పుడూ ఒకేలా కనిపిస్తాయి.
మీరు కోడ్ స్క్రీన్షాట్లను ఎలా నిర్వహిస్తారు? మీరు మాన్యువల్గా చేస్తారా లేదా APIని ఉపయోగిస్తారా? కామెంట్లలో నాకు తెలియజేయండి.
మూలం: https://dev.to/accreditly/how-we-generate-code-screenshots-for-socials-b91