ಸೋಶಿಯಲ್ಗಳಿಗಾಗಿ ನಾವು ಕೋಡ್ ಸ್ಕ್ರೀನ್ಶಾಟ್ಗಳನ್ನು ಹೇಗೆ ತಯಾರಿಸುತ್ತೇವೆ
ನಾವು ಹಿಂದೆ ಕೋಡ್ ಸ್ಕ್ರೀನ್ಶಾಟ್ಗಳನ್ನು ಕೈಯಾರೆ ತೆಗೆದುಕೊಳ್ಳುತ್ತಿದ್ದೆವು.
ನಾವು ಎಡಿಟರ್ ಅನ್ನು ತೆರೆಯುತ್ತಿದ್ದೆವು, ವಿಂಡೋವನ್ನು ಕ್ರಾಪ್ ಮಾಡುತ್ತಿದ್ದೆವು ಮತ್ತು ಫೈಲ್ ಅನ್ನು ಪೋಸ್ಟ್ನಲ್ಲಿ ಹಾಕುತ್ತಿದ್ದೆವು. ಇದರಿಂದ ಮೂರು ಸಮಸ್ಯೆಗಳು ಉಂಟಾಗುತ್ತಿದ್ದವು:
- ಪೋಸ್ಟ್ಗಳ ನಡುವೆ ಥೀಮ್ಗಳು ಬದಲಾಗುತ್ತಿದ್ದವು.
- ಚಿತ್ರದ ಅಗಲವು ಅಸಮತೋಲಿತವಾಗಿರುತ್ತಿತ್ತು.
- ಮೊಬೈಲ್ ಪರದೆಗಳಲ್ಲಿ ಸ್ಕ್ರೀನ್ಶಾಟ್ಗಳು ಮಸುಕಾಗಿ ಕಾಣಿಸುತ್ತಿದ್ದವು.
ನಾವು ಅದನ್ನು ಕೈಯಾರೆ ಮಾಡುವುದನ್ನು ನಿಲ್ಲಿಸಿದೆವು. ಈಗ ನಮ್ಮ ಅಗತ್ಯಕ್ಕೆ ಅನುಗುಣವಾಗಿ ನಾವು ಎರಡು ವಿಭಿನ್ನ ವಿಧಾನಗಳನ್ನು ಬಳಸುತ್ತೇವೆ.
ಒಮ್ಮೆ ಮಾತ್ರ ಬೇಕಾಗುವ ಪೋಸ್ಟ್ಗಳಿಗಾಗಿ ನಾವು ಬ್ರೌಸರ್ ಟೂಲ್ ಅನ್ನು ಬಳಸುತ್ತೇವೆ. ನೀವು ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಪೇಸ್ಟ್ ಮಾಡಿ, ಭಾಷೆಯನ್ನು ಆರಿಸಿ ಮತ್ತು ಕ್ಲೀನ್ ಆಗಿರುವ PNG ಅನ್ನು ಡೌನ್ಲೋಡ್ ಮಾಡಿಕೊಳ್ಳಬಹುದು. ಇದು ಒಂದೇ ಟ್ವೀಟ್ ಅಥವಾ ಸ್ಲೈಡ್ಗಾಗಿ ವೇಗವಾಗಿರುತ್ತದೆ.
ಸ್ವಯಂಚಾಲಿತ (automated) ಪೋಸ್ಟ್ಗಳಿಗಾಗಿ ನಾವು API ಅನ್ನು ಬಳಸುತ್ತೇವೆ. ಪಬ್ಲಿಷ್ ಮಾಡುವ ಸಮಯದಲ್ಲಿ ಅಥವಾ ಬಿಲ್ಡ್ ಪೈಪ್ಲೈನ್ನೊಳಗೆ ಚಿತ್ರಗಳನ್ನು ತಯಾರಿಸಬೇಕಾದಾಗ ಇದು ಉಪಯುಕ್ತವಾಗಿದೆ. ನೀವು POST ರಿಕ್ವೆಸ್ಟ್ ಮೂಲಕ ಕೋಡ್ ಅನ್ನು ಕಳುಹಿಸಿದರೆ, ನಿಮಗೆ URL ವಾಪಸ್ ಸಿಗುತ್ತದೆ.
Why use an API? ಡಿಪ್ಲಾಯ್ಮೆಂಟ್ ಪೈಪ್ಲೈನ್ನಲ್ಲಿ ಮನುಷ್ಯನೊಬ್ಬ ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಲು ಸಾಧ್ಯವಿಲ್ಲ. API ನಿಮ್ಮ ಸಿಸ್ಟಮ್ ಯಾವುದೇ ಕೈಯ ಕೆಲಸವಿಲ್ಲದೆ ಪ್ರತಿ ಬಾರಿಯೂ ಪರಿಪೂರ್ಣ ಚಿತ್ರಗಳನ್ನು ರಚಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ.
ಉತ್ತಮ ಸೋಶಿಯಲ್ ಮೀಡಿಯಾ ಕೋಡ್ ಚಿತ್ರಗಳಿಗಾಗಿ ನಮ್ಮ ಸಲಹೆಗಳು:
- ಇದನ್ನು ಚಿಕ್ಕದಾಗಿ ಇರಿಸಿ. ಇಪ್ಪತ್ತು ಸಾಲುಗಳಿಗಿಂತ ಹೆಚ್ಚು ಇರಬಾರದು. ಉದ್ದವಾದ ಸ್ನಿಪ್ಪೆಟ್ಗಳು ಮೊಬೈಲ್ನಲ್ಲಿ ಓದಲು ತುಂಬಾ ಚಿಕ್ಕದಾಗಿ ಕಾಣಿಸುತ್ತವೆ.
- ಹೆಚ್ಚಿನ ಕಾಂಟ್ರಾಸ್ಟ್ ಬಳಸಿ. ಸೋಶಿಯಲ್ ಮೀಡಿಯಾ ಪ್ಲಾಟ್ಫಾರ್ಮ್ಗಳು ನಿಮ್ಮ ಚಿತ್ರಗಳನ್ನು ಕಂಪ್ರೆಸ್ ಮಾಡಿದ ನಂತರವೂ Dracula ಅಥವಾ One Dark ನಂತಹ ಥೀಮ್ಗಳು ಸ್ಪಷ್ಟವಾಗಿ ಕಾಣಿಸುತ್ತವೆ. ಕಡಿಮೆ ಕಾಂಟ್ರಾಸ್ಟ್ ಇರುವ ಥೀಮ್ಗಳು ಮಸುಕಾಗಿ ಕಾಣಿಸುತ್ತವೆ.
- ರೆಸಲ್ಯೂಶನ್ ಅನ್ನು ಕಾಪಾಡಿಕೊಳ್ಳಿ. ಹೆಚ್ಚಿನ ರೆಸಲ್ಯೂಶನ್ ನಿಮ್ಮ ಕೋಡ್ ರೆಟಿನಾ ಡಿಸ್ಪ್ಲೇಗಳಲ್ಲಿ ಸ್ಪಷ್ಟವಾಗಿ ಕಾಣುವಂತೆ ಮಾಡುತ್ತದೆ.
- ನಿಮ್ಮ ಫಲಿತಾಂಶಗಳನ್ನು ಕ್ಯಾಶ್ (Cache) ಮಾಡಿ. ಒಂದೇ ಕೋಡ್ ಅನ್ನು ಎರಡು ಬಾರಿ ರೆಂಡರ್ ಮಾಡದಿರಲು ಚಿತ್ರದ URL ಅನ್ನು ಸಂಗ್ರಹಿಸಿಡಿ.
ಬ್ರೌಸರ್ ಟೂಲ್ ಮತ್ತು API ಎರಡೂ ಒಂದೇ ರೆಂಡರರ್ ಅನ್ನು ಬಳಸುತ್ತವೆ. ಇದರರ್ಥ ನಿಮ್ಮ ಮ್ಯಾನುಯಲ್ ಪೋಸ್ಟ್ಗಳು ಮತ್ತು ಸ್ವಯಂಚಾಲಿತ ಪೋಸ್ಟ್ಗಳು ಯಾವಾಗಲೂ ಒಂದೇ ರೀತಿ ಕಾಣಿಸುತ್ತವೆ.
ನೀವು ಕೋಡ್ ಸ್ಕ್ರೀನ್ಶಾಟ್ಗಳನ್ನು ಹೇಗೆ ನಿರ್ವಹಿಸುತ್ತೀರಿ? ನೀವು ಅದನ್ನು ಕೈಯಾರೆ ಮಾಡುತ್ತೀರಾ ಅಥವಾ API ಬಳಸುತ್ತೀರಾ? ಕಾಮೆಂಟ್ನಲ್ಲಿ ತಿಳಿಸಿ.
Source: https://dev.to/accreditly/how-we-generate-code-screenshots-for-socials-b91