কোড থেকে ইমেজ

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

কোড থেকে ইমেজ একটি বিনামূল্যের, ব্রাউজার-ভিত্তিক টুল যা একটি কোড স্নিপেটকে শেয়ার করার মতো ছবিতে — একটি সাজানো, সিনট্যাক্স-হাইলাইট করা কোড কার্ডে — পরিণত করে, যা কোনো ব্লগ পোস্ট, স্লাইড ডেক, README বা সোশ্যাল পোস্টে বসানো যায়। এটি JavaScript, TypeScript, Python, Go, Rust, Java, SQL সহ ২০টির বেশি ভাষা হাইলাইট করে, এবং একটি ঐচ্ছিক স্বয়ংক্রিয় শনাক্তকরণ দেয় যা আপনার কোড থেকে ভাষা অনুমান করে। সাতটি থিমের একটি, একটি প্রিসেট গ্রেডিয়েন্ট, একটি কাস্টম রঙ বা গ্রেডিয়েন্ট, অথবা একটি স্বচ্ছ পটভূমি দিয়ে কার্ডটি সাজান, এরপর মনোস্পেস ফন্ট, ফন্ট আকার, প্যাডিং, লাইন নম্বর, উইন্ডো শিরোনাম এবং আউটপুট প্রস্থ সূক্ষ্মভাবে সমন্বয় করুন। সম্পাদনার সাথে সাথে কার্ডটি লাইভ রেন্ডার হয়, এবং আপনি এটিকে 1x, 2x বা 3x-এ PNG হিসেবে এক্সপোর্ট করতে, SVG হিসেবে সংরক্ষণ করতে, বা ক্লিপবোর্ডে কপি করতে পারেন।

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

1. এডিটরে আপনার কোড পেস্ট করুন বা টাইপ করুন, অথবা ওয়ার্কস্পেসে অন্য কোনো টুলের টেক্সট আউটপুট ইনপুট পোর্টে যুক্ত করুন।
2. মিলে যাওয়া ভাষা বেছে নিন, অথবা Settings-এ স্বয়ংক্রিয় শনাক্তকরণ চালু করুন যাতে টুলটি এটি আপনার কোড থেকে অনুমান করে।
3. Settings-এ একটি থিম এবং একটি পটভূমি বেছে নিন — প্রিসেট গ্রেডিয়েন্ট, কাস্টম একরঙা বা গ্রেডিয়েন্ট, অথবা স্বচ্ছ।
4. মনোস্পেস ফন্ট, ফন্ট আকার, প্যাডিং, লাইন নম্বর, উইন্ডো শিরোনাম এবং আউটপুট প্রস্থ পছন্দমতো সমন্বয় করুন।
5. সম্পাদনার সময় লাইভ প্রিভিউ আপডেট হতে দেখুন; এটিকে জুম ভিউতে বড় করতে এর উপর ক্লিক করুন।
6. কার্ডটিকে 1x–3x-এ PNG হিসেবে এক্সপোর্ট করুন, SVG হিসেবে ডাউনলোড করুন, বা ইমেজটি ক্লিপবোর্ডে কপি করুন।

উদাহরণ

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

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

২০টির বেশি, যার মধ্যে JavaScript, TypeScript, JSX/TSX, HTML, CSS, JSON, Python, Bash, Java, C, C++, C#, Go, Rust, Ruby, PHP, SQL, YAML, Markdown, Kotlin, Swift এবং GraphQL রয়েছে। মেনু থেকে একটি বেছে নিন, অথবা স্বয়ংক্রিয় শনাক্তকরণ চালু করুন যাতে ভাষা আপনার কোড থেকে অনুমান করা হয়।

আমি কী এক্সপোর্ট করতে পারি, এবং কোন মানে?

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

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

হ্যাঁ। সাতটি থিমের মধ্যে বদল করুন, একটি প্রিসেট গ্রেডিয়েন্ট, কাস্টম একরঙা বা গ্রেডিয়েন্ট, অথবা একটি স্বচ্ছ পটভূমি বেছে নিন, এবং মনোস্পেস ফন্ট, ফন্ট আকার, প্যাডিং, লাইন নম্বর, সম্পাদনাযোগ্য উইন্ডো শিরোনাম এবং আউটপুট প্রস্থ সমন্বয় করুন।

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

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

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

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