कोड से इमेज

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

कोड से इमेज एक मुफ़्त, ब्राउज़र-आधारित टूल है जो किसी कोड स्निपेट को साझा करने योग्य तस्वीर — एक सुसज्जित, सिंटैक्स-हाइलाइट किए हुए कोड कार्ड — में बदल देता है, जिसे ब्लॉग पोस्ट, स्लाइड डेक, README या सोशल पोस्ट में डाला जा सकता है। यह JavaScript, TypeScript, Python, Go, Rust, Java, SQL सहित 20 से अधिक भाषाओं को हाइलाइट करता है, और एक वैकल्पिक ऑटो-डिटेक्ट देता है जो आपके कोड से भाषा का अनुमान लगाता है। कार्ड को सात थीमों में से एक, एक प्रीसेट ग्रेडिएंट, एक कस्टम रंग या ग्रेडिएंट, या एक पारदर्शी पृष्ठभूमि से सजाएँ, फिर मोनोस्पेस फ़ॉन्ट, फ़ॉन्ट आकार, पैडिंग, लाइन नंबर, विंडो शीर्षक और आउटपुट चौड़ाई को बारीकी से समायोजित करें। कार्ड संपादन करते ही लाइव रेंडर होता है, और आप इसे 1x, 2x या 3x पर PNG के रूप में निर्यात कर सकते हैं, SVG के रूप में सहेज सकते हैं, या क्लिपबोर्ड पर कॉपी कर सकते हैं।

कोड से इमेज का उपयोग कैसे करें

1. एडिटर में अपना कोड पेस्ट करें या टाइप करें, या वर्कस्पेस में किसी अन्य टूल के टेक्स्ट आउटपुट को इनपुट पोर्ट से जोड़ें।
2. मिलती-जुलती भाषा चुनें, या Settings में ऑटो-डिटेक्ट चालू करें ताकि टूल इसे आपके कोड से अनुमानित कर ले।
3. Settings में एक थीम और एक पृष्ठभूमि चुनें — प्रीसेट ग्रेडिएंट, कस्टम ठोस रंग या ग्रेडिएंट, या पारदर्शी।
4. मोनोस्पेस फ़ॉन्ट, फ़ॉन्ट आकार, पैडिंग, लाइन नंबर, विंडो शीर्षक और आउटपुट चौड़ाई को अपनी पसंद से समायोजित करें।
5. संपादन करते समय लाइव पूर्वावलोकन को अपडेट होते देखें; इसे ज़ूम व्यू में बड़ा करने के लिए उस पर क्लिक करें।
6. कार्ड को 1x–3x पर PNG के रूप में निर्यात करें, SVG के रूप में डाउनलोड करें, या इमेज को क्लिपबोर्ड पर कॉपी करें।

उदाहरण

अक्सर पूछे जाने वाले सवाल

यह किन भाषाओं को हाइलाइट कर सकता है?

20 से अधिक, जिनमें 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 दबाने तक इमेज क्यों नहीं दिखती?

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