কোড থেকে ইমেজ

কোড থেকে ইমেজ কী?

কোড থেকে ইমেজ একটি বিনামূল্যের, ব্রাউজার-ভিত্তিক টুল যা একটি কোড স্নিপেটকে শেয়ার করার মতো ছবিতে — একটি সাজানো, সিনট্যাক্স-হাইলাইট করা কোড কার্ডে — পরিণত করে, যা আপনি কোনো ব্লগ পোস্ট, স্লাইড ডেক, README বা সোশ্যাল পোস্টে বসাতে পারেন। যেসব ডেভেলপার, টেকনিক্যাল লেখক ও শিক্ষক সাদামাটা স্ক্রিনশট পেস্ট করার বদলে নিজেদের কোডকে যত্নে সাজানো দেখাতে চান, তাঁদের কাছে এটি জনপ্রিয়। JavaScript, TypeScript, JSX, CSS, HTML, JSON, Python বা Bash হাইলাইটিং থেকে বেছে নিন, এরপর কার্ডটিকে একটি থিম, একটি গ্রেডিয়েন্ট বা একরঙা পটভূমি এবং আপনার পছন্দের প্যাডিং দিয়ে সাজান। সম্পাদনার সাথে সাথে কার্ডটি লাইভ রেন্ডার হয়, আর একটি মাত্র Download PNG বোতাম এটিকে 2x রেজোলিউশনে এক্সপোর্ট করে।

কোড থেকে ইমেজ কীভাবে ব্যবহার করবেন

1. এডিটরে আপনার কোড পেস্ট করুন বা টাইপ করুন, অথবা ওয়ার্কস্পেসে অন্য কোনো টুলের টেক্সট আউটপুট ইনপুট পোর্টে যুক্ত করুন।
2. মিলে যাওয়া ভাষা বেছে নিন — JavaScript, TypeScript, JSX, CSS, HTML, JSON, Python বা Bash — যাতে সিনট্যাক্স হাইলাইটিং সঠিক হয়।
3. একটি থিম (Midnight, Graphite বা Snow), একটি পটভূমি (Aurora, Sunset, Ocean, Slate বা স্বচ্ছ) এবং প্যাডিং (ঘন, স্বাভাবিক বা প্রশস্ত) বেছে নিতে Settings খুলুন।
4. আপনি টাইপ করার ও অপশন বদলানোর সাথে সাথে লাইভ প্রিভিউ আপডেট হতে দেখুন; এটিকে জুম ভিউতে বড় করতে এর উপর ক্লিক করুন।
5. কার্ডটিকে উচ্চ-রেজোলিউশন ছবি হিসেবে সংরক্ষণ করতে Download PNG চাপুন, অথবা ওয়ার্কস্পেসে PNG-টিকে সরাসরি পরবর্তী কোনো ইমেজ টুলে পাঠান।

উদাহরণ

সচরাচর জিজ্ঞাসিত প্রশ্ন

এটি কোন কোন ভাষা হাইলাইট করতে পারে?

এটি JavaScript, TypeScript, JSX, CSS, HTML, JSON, Python এবং Bash হাইলাইট করে। ভাষার ড্রপডাউন থেকে আপনার স্নিপেটের সাথে মেলে এমনটি বেছে নিন; কোনো টোকেন শ্রেণিবদ্ধ করা না গেলে এটি কেবল মূল টেক্সট রঙে ফিরে যায়।

এটি কোন ইমেজ ফরম্যাটে এক্সপোর্ট করে?

তীক্ষ্ণ ফলাফলের জন্য এটি 2x পিক্সেল ঘনত্বে একটি PNG এক্সপোর্ট করে। আপনি স্বচ্ছ পটভূমি অপশন বেছে নিলে PNG কোড কার্ডের পেছনে কোনো ব্যাকড্রপ ছাড়াই একটি আলফা চ্যানেল ধরে রাখে।

আমি কি কার্ডের চেহারা বদলাতে পারি?

হ্যাঁ। Settings-এ আপনি Midnight, Graphite ও Snow থিমের মধ্যে বদল করতে পারেন, Aurora, Sunset, Ocean, Slate বা স্বচ্ছ পটভূমি বেছে নিতে পারেন, এবং কোডের চারপাশে ঘন, স্বাভাবিক বা প্রশস্ত প্যাডিং সেট করতে পারেন।

আমার কোড কি কোথাও আপলোড হয়?

না। সিনট্যাক্স হাইলাইটিং (Prism) এবং ইমেজ ক্যাপচার (html-to-image) দুটোই আপনার ব্রাউজারে 100% ক্লায়েন্ট-সাইডে চলে। আপনার কোড কখনও আপলোড হয় না, আমাদের সার্ভারে পাঠানো হয় না, বা শেয়ার করা হয় না, তাই মালিকানাধীন স্নিপেটও আপনার ডিভাইসেই থাকে।

টুল পেজে Download না চাপা পর্যন্ত ছবিটি কেন দেখা যায় না?

স্ট্যান্ডঅ্যালোন পেজে আপনি Download PNG চাপলে PNG রেন্ডার হয়, তাই টাইপ করার সময় প্রতিটি কীস্ট্রোকে ছবিটি আবার ক্যাপচার হয় না। সম্পাদনার সময় স্টাইল করা প্রিভিউ তবুও লাইভ আপডেট হয়; ওয়ার্কস্পেসে PNG-ও স্বয়ংক্রিয়ভাবে আবার তৈরি হয় যাতে এটি পরবর্তী টুলে প্রবাহিত হতে পারে।