छवि ↔ Base64 कनवर्टर
छवियों को Base64 data URL में बदलिए और वापस — CSS और HTML स्निपेट के साथ
इस टूल के बारे में
कोई छवि खींचकर छोड़िए, चुनिए या चिपकाइए और उसका Base64 रूप हर उस स्वाद में पाइए जिसकी ज़रूरत पड़ सकती है: तुरंत उपयोग लायक data URL, CSS का background-image घोषणा, अंतर्निहित आयामों सहित पूरा <img> टैग, और कच्चा Base64। उलटी दिशा भी चलती है — कोई data URL या सादा Base64 ब्लॉब चिपकाइए और छवि डिकोड होकर दिखेगी और फ़ाइल के रूप में डाउनलोड की जा सकेगी।
प्रारूप जादुई बाइट्स से पहचाना जाता है, फ़ाइल एक्सटेंशन या घोषित mime प्रकार से नहीं, इसलिए .jpg नाम दी गई PNG (या ग़लत लेबल वाला data URL) भी सही बदलती है। आकार वाला पैनल क़ीमत के बारे में ईमानदार है: Base64 डेटा को लगभग एक-तिहाई फुला देता है, और सटीक एनकोडेड आकार मूल के बगल में दिखता है ताकि आप तय कर सकें कि इनलाइन करना ठीक रहेगा या नहीं।
अधिकतर image-to-Base64 साइटों के उलट, यहाँ कुछ भी अपलोड नहीं होता — फ़ाइल ब्राउज़र के FileReader API से पढ़ी जाती है और पृष्ठ में ही एनकोड होती है। इसीलिए यह आंतरिक डैशबोर्ड के स्क्रीनशॉट, अनरिलीज़्ड उत्पाद-चित्र, या ऐसी किसी भी चीज़ के लिए सुरक्षित है जिसे आप किसी अजनबी के सर्वर को नहीं सौंपना चाहेंगे।
अक्सर पूछे जाने वाले प्रश्न
- फ़ाइल से लिंक करने के बजाय छवि को Base64 में कब इनलाइन करूँ?
- जब छवि छोटी हो (लगभग 10 KB से कम), शायद ही कभी बदलती हो, और अन्यथा एक अतिरिक्त HTTP अनुरोध ख़र्च कराती — जैसे आइकन, ईमेल में लोगो, या एकल-फ़ाइल HTML दस्तावेज़। इससे बड़ी किसी भी चीज़ के लिए अलग फ़ाइल जीतती है: वह स्वतंत्र रूप से कैश होती है, समानांतर लोड होती है, और आपके HTML या CSS को 33% फुलाती नहीं।
- Base64 संस्करण मेरी फ़ाइल से लगभग एक-तिहाई बड़ा क्यों है?
- Base64 हर 3 बाइट बाइनरी को 4 ASCII वर्णों में दिखाता है, यानी संरचनात्मक रूप से +33% का बोझ (साथ में अधिकतम दो पैडिंग वर्ण)। आपके सर्वर पर Gzip या Brotli उसमें से कुछ वापस पा लेते हैं, पर यह फुलाव एनकोडिंग में ही अंतर्निहित है — वह आकार देकर बाइनरी को पाठ में जड़ने की क्षमता ख़रीदता है।
- क्या किसी स्टाइलशीट या HTML में मिला data URL डिकोड किया जा सकता है?
- हाँ — Base64 → छवि पर जाइए और पूरा हिस्सा, data: उपसर्ग समेत, चिपका दीजिए। प्रतिशत-एनकोडेड SVG data URL (जिनमें ;base64 नहीं होता) भी डिकोड होते हैं, और भीतर की पंक्ति-विराम या खाली जगह अपने आप हट जाती है। परिणाम पृष्ठ में दिखता है और सही एक्सटेंशन के साथ डाउनलोड होता है।
- क्या यह SVG, GIF और ICO फ़ाइलों पर चलता है, या केवल PNG और JPEG पर?
- जो कुछ भी पहचानकर्ता पहचान ले वह Base64 में बदलता है: PNG, JPEG, WebP, GIF, SVG, BMP, ICO और AVIF। ख़ास तौर पर SVG के लिए ध्यान दीजिए कि उसका XML स्रोत सीधे इनलाइन करने पर अक्सर छोटा और अधिक पठनीय होता है — SVG को Base64 में बदलना मुख्यतः तब सार्थक है जब उद्धरण चिह्न या एस्केपिंग समस्या बन जाएँ।