Data URL कन्वर्टर
फ़ाइलों और टेक्स्ट को data URL में और वापस परिवर्तित करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
अपडेट किया गया
Data URL Converter
Convert files to data URLs and back, preview embedded content, generate code snippets, batch-process files, validate data URIs, and more.
data:[mime];[encoding],[data]Upload File
Drop a file here or click to browse
Images, audio, video, text, JSON, SVG, PDF…
अक्सर पूछे जाने वाले प्रश्न
data URL क्या है और यह सामान्य फ़ाइल URL से कैसे भिन्न है?
data URL एक फ़ाइल की वास्तविक content को URL के अंदर ही embed करता है, data:[mime];[encoding],[data] फॉर्मैट का उपयोग करके — ताकि एक छोटी image, SVG icon, या JSON snippet सीधे आपके HTML, CSS, या JavaScript में रहे। सामान्य फ़ाइल URL, इसके विपरीत, केवल एक अलग resource को इंगित करता है जिसे browser को एक नए HTTP request पर fetch करना चाहिए। व्यावहारिक trade-off request बनाम weight है: data URL round trip हटा देता है और offline काम करता है या एक single self-contained फ़ाइल के अंदर, लेकिन यह markup को फुलाता है और browser द्वारा स्वतंत्र रूप से cache नहीं हो सकता। इससे data URL छोटी, कभी-कभी बदलने वाली asset के लिए आदर्श और बड़ी फ़ाइलों के लिए अनुपयुक्त होते हैं। एक फ़ाइल या data URL इस कन्वर्टर में पेस्ट करें और यह एक बनाता है या डिकोड करता है और दोनों दिशाओं में इसका सटीक आकार दिखाता है।
Base64 और URL-encoded data URL में क्या अंतर है?
दोनों encoding data URL को binary या text content सुरक्षित रूप से ले जाने देती हैं, लेकिन वे अलग तरह से काम करती हैं। Base64 हर तीन byte को एक निश्चित 64-symbol alphabet से चार ASCII कैरेक्टर में मैप करता है, इसलिए यह किसी भी binary फ़ाइल को विश्वसनीय रूप से हैंडल करता है और image, audio, video, और PDF के लिए मानक विकल्प है। URL-encoding इसके विपरीत केवल असुरक्षित कैरेक्टर को %20 जैसे percent-escape से बदलता है, जो पहले से पठनीय टेक्स्ट — जैसे SVG markup या सादा JSON — को कॉम्पैक्ट और मानव-पठनीय रखता है, अक्सर उन फॉर्मैट के लिए Base64 से छोटा। अनुभवजन्य नियम: true binary asset के लिए Base64 इस्तेमाल करें और text तथा SVG के लिए URL-encoding, जहाँ यह byte बचा सकता है और inspectable रहता है। यह कन्वर्टर फ़ाइल और text दोनों के लिए एक toggle पर दोनों फॉर्मैट देता है, ताकि आप दोनों उत्पन्न कर सकें और यह तय करने से पहले कि कौन सा embed करना है, परिणामी size की तुलना कर सकें।
data URL में Base64 एक फ़ाइल को कितना बड़ा बनाता है?
Base64 encoding एक फ़ाइल के आकार में लगभग 33% जोड़ता है, क्योंकि यह डेटा के हर तीन byte को चार ASCII कैरेक्टर से दर्शाता है — एक 4:3 ratio जो फॉर्मैट के लिए अंतर्निहित है, किसी विशेष टूल की कमी नहीं। इसके ऊपर, data URL एक छोटा header (data: prefix, MIME type, और ;base64, marker) जोड़ता है, इसलिए तैयार string थोड़ा और बड़ा होता है। एक छोटे icon के लिए वे extra byte नगण्य होते हैं और एक HTTP request छोड़ने से आसानी से अधिक होते हैं, लेकिन बड़ी फ़ाइल के लिए inflation वास्तविक है और asset स्वतंत्र रूप से cache भी नहीं हो सकता। यह कन्वर्टर original size के बगल में data URL size दिखाता है और हर conversion के लिए exact overhead byte और percent दोनों में रिपोर्ट करता है, ताकि आप एक नज़र में आँक सकें कि inlining वास्तव में फ़ायदेमंद है या नहीं।
मुझे image को फ़ाइल के रूप में host करने के बजाय data URL के रूप में inline कब करना चाहिए?
Inlining छोटी, static asset के लिए सबसे अच्छा काम करता है — icon, logo, inline SVG, और छोटी background image — जहाँ एक अलग HTTP request हटाना लगभग 33% Base64 overhead और स्वतंत्र browser caching के नुक़सान से अधिक होता है। यह तब भी मदद करता है जब आपको एक single self-contained फ़ाइल, offline page, या email या generated document में सीधे embed की गई image चाहिए। सामान्य फ़ाइल host करना बड़ी image, बार-बार बदलने वाली चीज़, या कई पेज पर पुनः उपयोग की जाने वाली asset के लिए बेहतर विकल्प है, क्योंकि browser तब उन्हें एक बार cache कर सकता है और कहीं और तुरंत reload कर सकता है। एक उपयोगी threshold: लगभग 32 KB से ऊपर data URL आमतौर पर external फ़ाइल से बदतर perform करते हैं। इस कन्वर्टर का validator उस 32 KB mark को चिह्नित करता है (और 2 MB के बाद फिर से चेतावनी देता है), ताकि आप अपना data URL पेस्ट करके जाँच सकें कि inlining अभी भी समझदारी है या नहीं।
मेरा data URL गलत MIME type क्यों दिखाता है, और मैं इसे कैसे ठीक करूं?
data URL का MIME type वहाँ से आता है जो browser ने फ़ाइल पढ़ने पर detect किया, और वह अनुमान कभी-कभी गलत होता है — एक SVG जो generic extension से saved है, उदाहरण के लिए, image/svg+xml के बजाय text/plain या application/octet-stream रिपोर्ट हो सकता है। चूँकि MIME type browser को बताता है कि content को कैसे render करना है, एक गलत type image को दिखने से या फ़ाइल को सही extension के साथ download होने से रोक सकता है। समाधान बस है कि auto-detection पर भरोसा करने के बजाय type स्पष्ट रूप से सेट करें। यह कन्वर्टर हर फ़ाइल से MIME type auto-detect करता है लेकिन आपको इसे manually override करने देता है, सामान्य type टाइप करते समय सुझाए जाते हैं, ताकि आप copy करने से पहले सही वैल्यू force कर सकें। सही MIME type सेट करें, data URL पुनः जनरेट करें, और आपकी inline asset बिल्कुल वैसे ही render और download होगी जैसा अपेक्षित है।
संबंधित टूल
मुफ़्त सुरक्षित पासवर्ड जनरेटर
अनुकूलन योग्य विकल्पों के साथ सुरक्षित, यादृच्छिक पासवर्ड बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त UUID/GUID जनरेटर
सार्वभौमिक रूप से अद्वितीय पहचानकर्ता (UUID/GUID) बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त QR कोड जनरेटर ऑनलाइन
URL, टेक्स्ट, WiFi क्रेडेंशियल और बहुत कुछ के लिए QR कोड बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त JSON फ़ॉर्मेटर और वैलिडेटर
सिंटैक्स हाइलाइटिंग और त्रुटि पहचान के साथ JSON डेटा को फ़ॉर्मेट, सत्यापित और सुंदर बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
Data URL Converter के बारे में
Data URL Converter फ़ाइल और text को data URL में बदलता है और उन्हें वापस downloadable फ़ाइल में decode करता है, सब एक जगह। एक data URL फ़ाइल की content को सीधे एक string के अंदर data:[<mime>][;<encoding>],<data> फॉर्मैट से embed करता है — ताकि एक छोटा PNG, SVG icon, या JSON snippet आपके HTML, CSS, या JavaScript में बिना किसी अलग HTTP request के रह सके। Front-end developer, email designer, और कोई भी जो inline asset debug कर रहा है, ऐसे converter तब पकड़ते हैं जब उन्हें कोई resource त्वरित रूप से inline करना हो या किसी और द्वारा पहले से encode की गई चीज़ को unpack करना हो।
सब कुछ local रूप से आपके browser में होता है। फ़ाइल browser के FileReader API से पढ़ी जाती हैं और कभी आपकी डिवाइस नहीं छोड़ती, इसलिए कोई upload नहीं, कोई sign-up नहीं, और कोई server द्वारा size quota नहीं है। यह तब मायने रखता है जब फ़ाइल एक private logo, internal document, या customer asset है जिसे आप third party पर नहीं भेजना चाहते।
फ़ाइल, text, या code encode करें
एक फ़ाइल को drop zone पर drag करें — या browse करें — और टूल Base64 या URL-encoded form में एक data URL produce करता है। यह फ़ाइल से MIME type auto-detect करता है, और आप इसे manually override कर सकते हैं (उदाहरण के लिए, एक फ़ाइल पर image/svg+xml force करना जिसे browser गलत पढ़ता है)। एक अलग Text → Data URL tab raw markup या code सीधे encode करता है: एक SVG, JSON object, HTML page, या CSV paste करें, एक MIME type चुनें, और परिणाम copy करें। SVG, JSON, HTML, और CSV के लिए बिल्ट-इन preset आपको एक click में working starting point देते हैं।
हर encode original size के बगल में data URL size दिखाता है, साथ ही सटीक Base64 overhead। Base64 binary डेटा को लगभग 33% फुलाता है क्योंकि यह तीन byte को चार ASCII कैरेक्टर से दर्शाता है, और टूल वह overhead byte और percent दोनों में रिपोर्ट करता है ताकि आप आँक सकें कि inlining फ़ायदेमंद है या नहीं।
Decode, preview, और validate
किसी भी data URL को decoder में paste करें और इसे inspect करें और original फ़ाइल को एक sensible extension के साथ download करें जो उसके MIME type से derive होता है। Preview tab content live render करता है — image, audio, video, SVG, और PDF inline display होते हैं, और text-based format decode करके readable source के रूप में दिखाए जाते हैं। Validator एक data URL को spec के विरुद्ध inspect करता है और समस्या flag करता है: एक missing data: prefix, विकृत structure, अमान्य Base64 कैरेक्टर, या एक unknown encoding। यह तब भी चेतावनी देता है जब data URL practical threshold पार करता है — 32 KB से ऊपर, जहाँ external फ़ाइल आमतौर पर बेहतर perform करती है, और 2 MB से ऊपर, जहाँ कुछ browser struggle करते हैं।
तैयार-उपयोग code snippet generate करें
एक बार फ़ाइल या data URL load होने पर, Snippets tab इसे HTML, CSS, JavaScript, React/JSX, Python, और Markdown में embed करने के लिए copy-paste code लिखता है। Snippet content type के अनुसार adapt होता है: एक image <img> tag या background-image rule बनती है, audio और video <source> एलिमेंट बनते हैं, और अन्य फ़ाइल download link बनती हैं। JavaScript और Python example दिखाते हैं कि data URL को वापस Blob में कैसे convert करें या decoded byte को disk पर कैसे write करें, जो तब काम का है जब आपको केवल underlying फ़ाइल चाहिए।
Batch conversion और history
एक से अधिक फ़ाइल के लिए, Batch tab पूरी selection को एक बार में convert करता है, प्रति फ़ाइल success या failure और हर एक के लिए size change दिखाता है, साथ एक one-click option हर resulting URL को copy करने के लिए। एक History panel session के दौरान आपके हाल के conversion रखता है — 20 तक — ताकि आप बिना काम दोहराए किसी पुराने परिणाम को restore, re-copy, या download कर सकें। चूँकि history केवल current page में रहती है, tab बंद करने पर यह clear हो जाती है, आपका डेटा private रखते हुए।
एक व्यावहारिक अनुभवजन्य नियम: data URL छोटी, कभी-कभी बदलने वाली asset जैसे icon और inline SVG के लिए शानदार हैं, जहाँ request बचाना encoding overhead से अधिक होता है। बड़ी या बार-बार update होने वाली फ़ाइल के लिए, एक सामान्य hosted URL जिसे browser स्वतंत्र रूप से cache कर सके आमतौर पर बेहतर विकल्प है।