UltKit
इमेज11
PDF13
डॉक्यूमेंट और डेटा7
वीडियो6
ऑडियो4
और टूल्स22

इमेज को Base64 में बदलें

इमेज फ़ाइल को टेक्स्ट की एक लाइन में बदलें, जिसे आप HTML, CSS, JSON रिक्वेस्ट या Markdown फ़ाइल में पेस्ट कर सकते हैं। data URI प्रीफ़िक्स पहले से आगे जुड़ा रहता है, इसलिए पेस्ट करते ही यह काम करता है।

डेटा कन्वर्टर

या CSV, TSV, TXT … फ़ाइलें यहाँ ड्रop करें ·

प्रति फ़ाइल अधिकतम 95 MB· अधिकतम 20 फ़ाइलें· 30 मिनट बाद हटा दी जाती हैं

आउटपुट

फ़ाइलें हमारे सर्वर पर प्रोसेस होती हैं और 30 मिनट बाद हटा दी जाती हैं।

इस टूल का उपयोग कैसे करें

  1. 1

    इमेज जोड़ें

    PNG, JPG, GIF, WebP या SVG फ़ाइलें अपलोड एरिया में डालें। एक बार में 20 फ़ाइलें और हर फ़ाइल 95 MB तक हो सकती है।

  2. 2

    प्रीफ़िक्स रखें या हटाएँ

    Data URI प्रीफ़िक्स चालू है, इसलिए नतीजा data:image/png;base64, या उसी के मुताबिक टाइप से शुरू होता है। अगर किसी API को सिर्फ़ Base64 स्ट्रिंग चाहिए, तो इसे एडवांस्ड सेटिंग में बंद कर दें।

  3. 3

    कन्वर्ट करें और कॉपी करें

    Base64 टेक्स्ट में कन्वर्ट करें दबाएँ और हर इमेज के लिए एक .txt फ़ाइल डाउनलोड करें, जिसे सीधे अपने कोड में पेस्ट किया जा सकता है।

इमेज अपलोड करें और Base64 टेक्स्ट में कन्वर्ट करें दबाएँ। आपको फ़ाइल सादे अक्षरों में एन्कोड होकर मिलती है, जो data:image/…;base64, से शुरू होती है, इसलिए इसे सीधे img src या CSS url() में डाला जा सकता है। तस्वीर में कोई बदलाव नहीं होता।

Base64 इमेज कहाँ काम आती है

Base64 RFC 4648 (2006) में परिभाषित है और बाइनरी डेटा के हर 3 बाइट को 64 अक्षरों की वर्णमाला A–Z, a–z, 0–9, + और / के 4 अक्षरों में बदलता है। नतीजा टेक्स्ट के लिए बने हर माध्यम से सुरक्षित गुज़रता है। Larry Masinter ने 1998 में RFC 2397 के रूप में data URI स्कीम लिखी, जिससे ब्राउज़र उस टेक्स्ट को फ़ाइल की तरह इस्तेमाल कर पाता है।

फ्रंट-एंड डेवलपर छोटे आइकन, लोडिंग स्पिनर और प्लेसहोल्डर इमेज इनलाइन करते हैं ताकि पेज बिना अतिरिक्त रिक्वेस्ट के दिखे। बैक-एंड डेवलपर JSON में इमेज भेजते हैं, क्योंकि विज़न और OCR सेवाओं समेत कई API इमेज को Base64 फ़ील्ड में लेती हैं। टेस्टर फ़िक्स्चर को सोर्स कोड में रखते हैं, और एक फ़ाइल वाली HTML रिपोर्ट या Markdown नोट बनाने वाले स्क्रीनशॉट एम्बेड करते हैं, ताकि ईमेल या आर्काइव करने पर फ़ाइल अपने आप में पूरी रहे।

Base64 आउटपुट कैसा दिखता है

img टैग के अंदर data URI के रूप में 1 × 1 पारदर्शी PNG (68 बाइट)
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="1x1 पिक्सेल">

PNG आइकन फ़ाइल

24 KB

आम टूलबार आइकन सेट, 96 × 96 px

+33% साइज़, क्वालिटी में कोई बदलाव नहीं

Base64 टेक्स्ट

32 KB

3 बाइट पर 4 अक्षर, साथ में प्रीफ़िक्स

ANY I

कोई भी इमेज

यह टूल JPG, PNG, WebP, HEIC, GIF, BMP और TIFF समेत आम इमेज फ़ॉर्मेट स्वीकार करता है। फ़ॉर्मेट फ़ाइल से अपने आप पहचान लिया जाता है, इसलिए आपको यह जानने की ज़रूरत नहीं कि इमेज किस प्रकार की है।

Any image कन्वर्टर

BASE64

Base64-एन्कोडेड टेक्स्ट

Base64 एक एन्कोडिंग है, जिसे RFC 4648 में परिभाषित किया गया है। यह किसी भी बाइनरी डेटा को 64 सुरक्षित टेक्स्ट अक्षरों की स्ट्रिंग में बदल देती है। इसका उपयोग HTML और CSS में इमेज को data URI के रूप में एम्बेड करने, ईमेल में फ़ाइलें अटैच करने और JSON या XML में बाइनरी डेटा भेजने के लिए होता है। एन्कोडिंग पूरी तरह उलटी जा सकती है, लेकिन इससे डेटा लगभग 33% बड़ा हो जाता है। Base64 एन्क्रिप्शन नहीं है और कोई सुरक्षा नहीं देता; कोई भी इसे डिकोड कर सकता है।

कंप्रेशन
लॉसलेस
ट्रांसपेरेंसी (पारदर्शिता)
–
एनिमेशन
–
शुरुआत का वर्ष
–
BASE64 कन्वर्टर

इमेज तब Base64 टेक्स्ट बनती है जब उसे ऐसी चीज़ के अंदर भेजना हो जो सिर्फ़ टेक्स्ट ले जाती है: बिना अलग रिक्वेस्ट वाली HTML या CSS फ़ाइल, किसी API कॉल का JSON फ़ील्ड, टेस्ट फ़िक्स्चर, या एक फ़ाइल वाली रिपोर्ट।

इमेज को इनलाइन करना पेज के लिए कब फ़ायदेमंद है और कब नुकसानदेह

इनलाइन करने से एक रिक्वेस्ट बचती है, जो HTTP/1.1 में सबसे ज़्यादा मायने रखती थी, जब ब्राउज़र हर साइट के लिए गिने-चुने कनेक्शन ही खोलते थे। HTTP/2 और HTTP/3 की मल्टीप्लेक्सिंग में छोटी अतिरिक्त रिक्वेस्ट सस्ती होती हैं, इसलिए फ़ायदा घट जाता है जबकि नुकसान बने रहते हैं: एन्कोड की गई इमेज अलग से कैश नहीं हो सकती, HTML या CSS बदलने पर वह दोबारा डाउनलोड होती है, और जिस फ़ाइल में वह है उसकी पार्सिंग में देरी करती है।

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

Base64 इमेज के फ़ायदे

  • एक ही HTML, CSS या JSON फ़ाइल में सब कुछ
  • छोटे आइकन के लिए अतिरिक्त रिक्वेस्ट नहीं
  • JSON, XML और दूसरे टेक्स्ट फ़ॉर्मेट में सुरक्षित
  • लॉसलेस और उलटने योग्य

Base64 इमेज की कमियाँ

  • बाइनरी फ़ाइल से लगभग 33% बड़ा
  • ब्राउज़र अलग से कैश नहीं करता
  • कई ईमेल क्लाइंट में इमेज के रूप में ब्लॉक
  • कोड डिफ़ में समीक्षा करना मुश्किल

इमेज को Base64 में बदलने से जुड़े सवाल

Base64 और data URI में क्या फ़र्क है?

Base64 सिर्फ़ एन्कोड किए गए अक्षर होते हैं। data URI इन अक्षरों के आगे स्कीम और टाइप जोड़ देती है, यानी data:image/png;base64, और फिर अक्षर, ताकि ब्राउज़र जान सके कि इन्हें कैसे डिकोड करके दिखाना है। HTML और CSS में पूरी data URI चाहिए; ज़्यादातर JSON API को सिर्फ़ Base64 वाला हिस्सा चाहिए।

Base64 में बदलने पर इमेज कितनी बड़ी हो जाती है?

Base64 हर 3 बाइट के लिए 4 अक्षर लिखता है, इसलिए टेक्स्ट फ़ाइल से लगभग एक तिहाई बड़ा होता है, और ऊपर से छोटा प्रीफ़िक्स भी जुड़ता है। 30 KB की PNG करीब 40 KB के टेक्स्ट में बदल जाती है। अगर HTML या CSS gzip से कंप्रेस होकर भेजी जाती है, तो इस बढ़त का कुछ हिस्सा ट्रांसफ़र में वापस मिल जाता है।

क्या ईमेल सिग्नेचर में Base64 इमेज इस्तेमाल कर सकते हैं?

यह भरोसेमंद नहीं है। Gmail data URI इमेज नहीं दिखाता और कई डेस्कटॉप मेल प्रोग्राम भी उन्हें हटा देते हैं, इसलिए पाने वाले को टूटा हुआ आइकन दिखता है। इमेज को वेब सर्वर पर होस्ट करें या अटैच करें, और Base64 को वेब पेज और ऐप के लिए रखें।

क्या SVG आइकन को Base64 में बदलना चाहिए?

यह काम करता है, लेकिन SVG पहले से टेक्स्ट होती है। Base64 की जगह मार्कअप को URL-एन्कोड करने से आमतौर पर data URI छोटी बनती है और पढ़ने लायक रहती है। छोटे आइकन से बड़ी किसी भी चीज़ के लिए अलग SVG फ़ाइल बेहतर है, जिसे ब्राउज़र कैश कर सके।

क्या Base64 टेक्स्ट को वापस इमेज में बदल सकते हैं?

हाँ, एन्कोडिंग लॉसलेस और पूरी तरह उलटी जा सकती है: डिकोड करने पर बिल्कुल वही मूल बाइट वापस मिलते हैं। हर प्रोग्रामिंग भाषा में डिकोडर होता है, और पूरी data URI को ब्राउज़र के एड्रेस बार में पेस्ट करने से इमेज दिख जाती है।

क्या Base64 में बदलने से इमेज की क्वालिटी बदलती है?

नहीं। Base64 सिर्फ़ यह बदलता है कि बाइट कैसे लिखे जाएँ, पिक्सल नहीं। स्ट्रिंग छोटी करने के लिए पहले इमेज छोटी करें, जैसे इमेज को 20 KB में कंप्रेस करें, और फिर छोटी फ़ाइल को एन्कोड करें।