कोड स्रोत फ़ील्ड में टाइप या पेस्ट करें — 65,536 UTF-8 बाइट तक, ज़्यादा से ज़्यादा 200 लाइन और प्रति लाइन 240 अक्षर। लेबल के बगल का काउंटर सीमा के मुकाबले मौजूदा बाइट गिनती दिखाता है, और किसी सीमा से आगे की चीज़ उसका नाम लेने वाले संदेश के साथ अस्वीकार होती है, ताकि आप जानें कि ठीक क्या काटना है।
02
भाषा और थीम चुनें
242 Shiki व्याकरणों और 71 अलग थीम में से चुनें। नमूना लोड करें या कोड चिपकाएं; सिंटैक्स रंग कोड को चलाते नहीं हैं।
03
फ्रेम स्टाइल करें
टैब चौड़ाई, छाया, गोल कोने, वॉटरमार्क और अनुपात बदलें। रंग, पारदर्शी या स्थानीय PNG/JPEG/WebP पृष्ठभूमि (8 MiB), साथ में पैडिंग, अक्षर आकार, पंक्ति संख्या और शीर्षक चुनें।
04
पूर्वावलोकन बनाएं
कार्यस्थान खोलते ही इसी टैब में Shiki लोड होकर वास्तविक नमूना प्रीव्यू बनाता है। संपादन पुराना परिणाम मिटा देता है; बदलाव रेंडर करने के लिए “प्रीव्यू बनाएँ” दबाएँ।
05
SVG या PNG डाउनलोड करें
बदलाव के बाद दोबारा बनाएं। 1×/2× SVG या PNG डाउनलोड करें या PNG कॉपी करें। चित्र क्लिपबोर्ड विफल होने पर PNG डाउनलोड करें। सीमा: प्रति किनारा 4096 पिक्सेल और कुल 16,777,216 पिक्सेल।
टूल के तथ्य
प्रोसेसिंग
आपके ब्राउज़र में
इनपुट इस डिवाइस से बाहर जाता है
कभी नहीं
रिटेंशन
कुछ भी स्टोर नहीं होता
कीमत
मुफ़्त
आपका इनपुट ब्राउज़र में ही रहता है।
कोड से इमेज अपना सत्यापित लोकल एक्ज़ीक्यूशन पथ इस्तेमाल करता है और कोई छिपा इनपुट या आउटपुट इतिहास नहीं बनाता।
लोकल एक्ज़ीक्यूशन
मौजूदा ब्राउज़र टैब के अंदर चलता है।
कोई छिपी प्रोसेसिंग नहीं
सक्रिय टूल डेटा कभी Toolars दस्तावेज़ रिकॉर्ड नहीं बनता।
खाते की ज़रूरत नहीं
बिना प्रोफ़ाइल बनाए मुख्य वर्कफ़्लो इस्तेमाल करें। साइन इन करने के बाद फ़ेवरिट आपके खाते से सिंक होते हैं।
तुरंत रीसेट
टैब साफ़ करें और सक्रिय कार्य डेटा गायब।
कोड से इमेज कब उपयोगी होता है
मापे गए JavaScript अंश को 1× पर निर्यात करें
दो पंक्तियाँ डालें: const total = 2 + 3; और console.log(total); (40 UTF-8 बाइट)। JavaScript, डार्क, #111827, पैडिंग 64 px, फ़ॉन्ट 16 px, पंक्ति संख्या चालू, शीर्षक sum.js, 1×, टैब चौड़ाई 2, छाया बंद, त्रिज्या 14 px, बिना वॉटरमार्क, स्वचालित अनुपात और सिस्टम फ़ॉन्ट चुनें। बनाने और डाउनलोड करने पर इस स्थानीय Chromium परीक्षण में PNG 406 × 270 पिक्सेल (13,206 बाइट) और SVG 1,647 बाइट, viewBox 406 × 270 मिला।
उसी अंश का 2× परिणाम देखें
उदाहरण 1 का कोड और सेटिंग रखें, 2× चुनें, दोबारा बनाकर PNG डाउनलोड करें: इस स्थानीय Chromium परीक्षण में 812 × 540 पिक्सेल और 32,328 बाइट। यहाँ सभी आयाम और आकार मापे गए हैं; फ़ॉन्ट और ब्राउज़र के अनुसार बदल सकते हैं। बिना एम्बेडेड फ़ॉन्ट वाला SVG सिस्टम फ़ॉन्ट पर निर्भर है और दूसरे उपकरण पर अलग दिख सकता है।
लैटिन और सिरिलिक के लिए फ़ॉन्ट एम्बेड करें
const text = "Café Привет"; डालें, शीर्षक font.js रखें और बाकी सेटिंग उदाहरण 1 की 1× वाली रखें। https://toolars.com/fonts/pdf-watermark/western-v1.ttf.gz से निकाला ToolarsWatermarkWestern.ttf (102,840 बाइट) अपलोड करें। यह परीक्षण फ़ॉन्ट Noto Sans CJK के Sans2.004 संस्करण से SIL OFL 1.1 के तहत बना है (लाइसेंस: https://toolars.com/fonts/pdf-watermark/OFL.txt)। इस स्थानीय Chromium परीक्षण में PNG 403 × 245 पिक्सेल (10,376 बाइट) और पूरे फ़ॉन्ट वाला SVG 138,612 बाइट मिला। 漢字 के ग्लिफ़ न होने से निर्माण रुकता है; दूसरा या सिस्टम फ़ॉन्ट चुनें।
कोड से इमेज असल में क्या करता है
जिस फ़ंक्शन पर आपको गर्व है उसकी जगह रिलीज़ नोट्स में है; मुश्किल स्निपेट को इंटरनल विकी समझाना है; कॉन्फ्रेंस स्लाइड को कटे टैब वाले स्क्रीनशॉट के बजाय स्टाइल किया हुआ हिस्सा चाहिए। कोड से इमेज कनवर्टर स्निपेट को लाइन नंबर और विंडो शीर्षक वाले परिष्कृत फ्रेम में बदलता है, और एक्सपोर्ट किया SVG या PNG बिना किसी मैनुअल सफ़ाई के सीधे स्लाइड, दस्तावेज़ और चैट में बैठ जाता है। क्योंकि टोकनाइज़ करना और रेंडर करना इसी टैब में होता है, अनप्रकाशित स्रोत कोड कभी कहीं नहीं जाता।
आम सवाल
स्लाइड के लिए JavaScript की छोटी इमेज कैसे बनाऊँ?
const total = 2 + 3; दर्ज करें और JavaScript, हल्की थीम तथा 1x चुनें। प्रीव्यू बनाएँ और PNG डाउनलोड करें। इमेज में कोड दिखता है, गणना का परिणाम 5 नहीं: यह टूल कोड नहीं चलाता। बड़ी इमेज के लिए 2x चुनकर फिर बनाएँ; चौड़ाई और ऊँचाई दोनों दोगुनी होती हैं।
JSON उदाहरण को SVG में कैसे निर्यात करूँ?
{"ok":true} दर्ज करें, JSON चुनें और प्रीव्यू बनाएँ। आकार बदलने योग्य कोड चित्र के लिए SVG या मौजूदा दृश्य बनाए रखने के लिए PNG डाउनलोड करें। पाठ बदलने पर पुराना प्रीव्यू मिट जाता है, इसलिए फिर बनाएँ। यह इमेज निर्यात है, JSON सत्यापन का परिणाम नहीं।
इनपुट सीमाएं क्या हैं?
कोड के 65,536 UTF-8 बाइट तक, ज़्यादा से ज़्यादा 200 लाइन जिनमें प्रत्येक में 240 अक्षर से अधिक न हों, और 80 अक्षरों या उससे कम का विंडो शीर्षक। एक्सपोर्ट खुद प्रति साइड 4,096 पिक्सल और कुल 16,777,216 पिक्सल पर सीमित है; इन सीमाओं से आगे की चीज़ सटीक संदेश के साथ अस्वीकार होती है।
क्या मेरा कोड अपलोड या एक्ज़ीक्यूट होता है?
कोड इसी टैब में संसाधित होता है; उसे कभी चलाया या अपलोड नहीं किया जाता। कार्यस्थान खुलने पर Shiki नमूना बनाने के लिए लोड होता है। संपादन के बाद “प्रीव्यू बनाएँ” दबाने पर ही नया परिणाम बनता है।
कौन सी भाषाएं और थीम उपलब्ध हैं?
242 Shiki व्याकरणों और 71 अलग थीम में से चुनें। नमूना लोड करें या कोड चिपकाएं; सिंटैक्स रंग कोड को चलाते नहीं हैं।
एक्सपोर्ट स्केल क्या बदलता है?
1x मापे गए इमेज आयाम इस्तेमाल करता है। 2x चौड़ाई और ऊंचाई दोनों दोगुनी करता है, जिससे PNG पिक्सल चार गुना हो जाते हैं; यह कोड विवरण नहीं जोड़ता, न टेक्स्ट बदलता है। दोनों स्केल एक्सपोर्ट सीमाओं में समाने चाहिए। एक्सपोर्ट बहुत बड़ा हो तो स्केल घटाएं।
SVG डाउनलोड करूं या PNG?
PNG यहां रेंडर किए पिक्सल सुरक्षित रखता है। SVG स्केल करने योग्य रहता है; बिना अपलोड किए फ़ॉन्ट के यह सिस्टम फ़ॉन्ट पर निर्भर करता है, जो दूसरे डिवाइस पर बदल सकते हैं। स्वीकृत अपलोड किया फ़ॉन्ट पूरा एम्बेड होता है, लेकिन गंतव्य व्यूअर को एम्बेड किए फ़ॉन्ट सपोर्ट करने चाहिए। जब एकसमान रूप-रंग मायने रखे तो PNG इस्तेमाल करें।
सेटिंग बदलने पर पूर्वावलोकन क्यों गायब हुआ?
डिज़ाइन से: कोड, भाषा, थीम, बैकग्राउंड, पैडिंग, फ़ॉन्ट साइज़, शीर्षक, लाइन नंबर या स्केल में कोई भी संपादन पुराने पूर्वावलोकन को अमान्य कर देता है, बासी इमेज दिखाने के बजाय। अपडेट किया फ्रेम रेंडर करने के लिए पूर्वावलोकन बनाएं दोबारा दबाएं।
कौन से फ़ॉन्ट एम्बेड कर सकता/सकती हूँ?
TTF/OTF, 24 MiB तक। ऐसा फ़ॉन्ट चुनें जिसे आप एम्बेड कर सकते हों। अप्रतिबंधित एम्बेडिंग वाले स्टैटिक आउटलाइन फ़ॉन्ट सपोर्टेड हैं; वेरिएबल/कलर फ़ॉन्ट अस्वीकार होते हैं। SVG में पूरा फ़ॉन्ट शामिल होता है। गायब ग्लिफ़ बनाना रोक देते हैं। कोई फ़ाइल अपलोड नहीं होती। बिना फ़ॉन्ट के, SVG सिस्टम फ़ॉन्ट इस्तेमाल करता है।
