আমরা কীভাবে সোশ্যাল মিডিয়ার জন্য কোড স্ক্রিনশট তৈরি করি
আমরা আগে হাতে হাতে কোড স্ক্রিনশট নিতাম।
আমরা এডিটর খুলতাম, উইন্ডো ক্রপ করতাম এবং ফাইলটি একটি পোস্টে যুক্ত করতাম। এর ফলে তিনটি সমস্যা দেখা দিত:
- পোস্টের মধ্যে থিম বদলে যেত।
- ইমেজের প্রস্থ অসামঞ্জস্যপূর্ণ হতো।
- মোবাইল স্ক্রিনে স্ক্রিনশটগুলো ঝাপসা দেখাত।
আমরা ম্যানুয়ালি করা বন্ধ করে দিয়েছি। এখন আমরা আমাদের প্রয়োজন অনুযায়ী দুটি ভিন্ন পদ্ধতি ব্যবহার করি।
একক পোস্টের জন্য আমরা একটি ব্রাউজার টুল ব্যবহার করি। আপনি আপনার কোড পেস্ট করবেন, একটি ভাষা নির্বাচন করবেন এবং একটি পরিষ্কার 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