कोड से इमेज

कोड से इमेज क्या है?

कोड से इमेज एक मुफ़्त, ब्राउज़र-आधारित टूल है जो किसी कोड स्निपेट को साझा करने योग्य तस्वीर — एक सुसज्जित, सिंटैक्स-हाइलाइट किए हुए कोड कार्ड — में बदल देता है, जिसे आप किसी ब्लॉग पोस्ट, स्लाइड डेक, 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 दबाने तक इमेज क्यों नहीं दिखती?

स्टैंडअलोन पेज पर PNG तब रेंडर होता है जब आप Download PNG दबाते हैं, इसलिए टाइप करने पर हर कीस्ट्रोक पर इमेज दोबारा कैप्चर नहीं होती। संपादन करते समय स्टाइल किया हुआ पूर्वावलोकन फिर भी लाइव अपडेट होता रहता है; वर्कस्पेस में PNG भी स्वचालित रूप से दोबारा बनता है ताकि यह अगले टूल तक प्रवाहित हो सके।