परिणाम केवल जानकारी के उद्देश्य से दिए गए हैं और उनमें त्रुटियाँ हो सकती हैं। महत्वपूर्ण जानकारी की स्वतंत्र रूप से पुष्टि करें। इस टूल का उपयोग आपके अपने जोखिम पर है।
यह टूल क्या करता है
इमेज से Base64 कन्वर्टर किसी इमेज फ़ाइल को data URL में बदलता है: टेक्स्ट की एक लाइन जो data:image/png;base64, (या आपकी फ़ाइल के टाइप) से शुरू होती है और जिसके बाद Base64 में एन्कोड किए गए इमेज के बाइट्स आते हैं। PNG, JPG, GIF, SVG, WebP या कोई भी दूसरी इमेज चुनें, और टेक्स्ट प्रीव्यू के साथ, कॉपी करने के लिए तैयार दिखता है।
फ़ाइल ब्राउज़र के FileReader से पढ़ी जाती है, इसलिए वह कभी अपलोड नहीं होती। data URL हर उस जगह इस्तेमाल हो सकता है जहाँ सामान्य इमेज पता काम करता है: <img src> में, CSS के background-image: url(...) में, JSON पेलोड में या ईमेल टेम्पलेट में। Base64 डेटा को मूल फ़ाइल से लगभग एक-तिहाई बड़ा कर देता है, इसलिए यह छोटी इमेज के लिए सबसे उपयुक्त है।
कब इस्तेमाल करें
- छोटे आइकन या लोगो को CSS में एम्बेड करते समय, ताकि पेज को एक रिक्वेस्ट कम करनी पड़े।
- किसी इमेज को एक ही सेल्फ़-कंटेन्ड HTML फ़ाइल में रखते समय, जैसे कोई रिपोर्ट या डेमो।
- ऐसे JSON API रिक्वेस्ट में इमेज भेजते समय जो मल्टीपार्ट अपलोड स्वीकार नहीं करता।
- HTML ईमेल सिग्नेचर या किसी टेस्ट फ़िक्स्चर में इनलाइन इमेज जोड़ते समय।
उदाहरण
इनपुट
pixel.png (1 × 1 px, नीला, 69 bytes)आउटपुट
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mOwbvoGAAKvAbSJsn7VAAAAAElFTkSuQmCCइस टूल के बारे में सवाल
Base64 टेक्स्ट मेरी इमेज से बड़ा क्यों है?
Base64 हर 3 बाइट्स को टेक्स्ट के 4 अक्षरों के रूप में लिखता है, इसलिए नतीजा फ़ाइल से लगभग 33% बड़ा होता है। 30 KB की इमेज लगभग 40 KB टेक्स्ट बन जाती है। सर्वर पर Gzip या Brotli कम्प्रेशन इसका कुछ हिस्सा वापस बचा लेता है।
इमेज को इनलाइन कब नहीं करना चाहिए?
बड़ी तस्वीरों और कई पेजों पर इस्तेमाल होने वाली इमेज के लिए इससे बचें। सामान्य इमेज फ़ाइल को ब्राउज़र एक बार कैश कर लेता है, जबकि इनलाइन इमेज हर उस HTML या CSS फ़ाइल के साथ दोबारा डाउनलोड होती है जिसमें वह शामिल है।
नतीजे को CSS में कैसे इस्तेमाल करूँ?
इसे url() में लपेटें: background-image: url("data:image/png;base64,...");। SVG आइकन के लिए URL-एन्कोडेड SVG अक्सर Base64 से छोटा होता है; URL एनकोडर पेज उसे तैयार कर सकता है।
Base64 को वापस इमेज में कैसे बदलूँ?
पूरा data URL ब्राउज़र के एड्रेस बार में पेस्ट करें और इमेज सेव कर लें, या अगर आपको रॉ बाइट्स चाहिए तो कॉमा के बाद वाले हिस्से को Base64 डिकोडर से डिकोड करें।
क्या यह टूल मुफ़्त है?
हाँ, यह मुफ़्त है। पंजीकरण या ईमेल की ज़रूरत नहीं। परिणाम इसी पेज पर मिलता है।
मेरा परिणाम कहाँ मिलेगा?
इसी पेज पर टूल का उपयोग करें। परिणाम यहीं दिखता है, ईमेल से प्राप्त करने की ज़रूरत नहीं है।