JPG को Base64 में बदलें - मुफ़्त, तुरंत, ब्राउज़र में
JPG से Base64 कन्वर्टर
अधिकतम 10 MB। कुछ भी अपलोड नहीं होता — फ़ाइल आपके डिवाइस से बाहर नहीं जाती।
इसे <img src> एट्रिब्यूट या CSS url() में इस्तेमाल करें।
data: उपसर्ग के बिना — JSON पेलोड और API के लिए।
आपकी फ़ाइलें निजी रहती हैं
यह रूपांतरण पूरी तरह आपके ब्राउज़र के भीतर चलता है। छवि कभी अपलोड नहीं होती, इसलिए यहाँ आप जो कुछ एन्कोड करते हैं वह न हमारे सर्वर तक पहुँचता है, न किसी और तक।
JPG को Base64 में बदलने के बारे में
JPG फ़ाइलें तस्वीरें होती हैं, और तस्वीरें भारी होती हैं। यह अकेला तथ्य आइकन एन्कोड करने की तुलना में गणित बदल देता है: 200 KB की तस्वीर लगभग 267 KB टेक्स्ट बन जाती है, जिसे ब्राउज़र को पूरा डाउनलोड करना, मेमोरी में रखना और डिकोड करना पड़ता है, तब जाकर वह कुछ दिखा पाता है। ज़्यादातर वेबसाइटों के लिए यह घाटे का सौदा है। फिर भी तीन स्थितियाँ ऐसी हैं जहाँ यह बिल्कुल सही सौदा है।
JPG को Base64 में कैसे बदलें
- 1 अपनी .jpg या .jpeg फ़ाइल अपलोड क्षेत्र में छोड़ें।
- 2 टूल जो आकार वाली पंक्ति दिखाता है उसे देखें — यही वह संख्या है जो तय करती है कि इनलाइन करना समझदारी है या नहीं।
- 3 HTML और CSS के लिए data URI कॉपी करें, या JSON में डालना हो तो कच्ची स्ट्रिंग।
सामान्य वेब पेज के लिए यह आम तौर पर ग़लती है
सामान्य इमेज टैग ब्राउज़र को तस्वीर समानांतर में लाने, महीनों कैश करने, स्क्रीन से नीचे हो तो पूरी तरह छोड़ देने, और फ़ोन पर छोटा संस्करण लगाने देता है। इनलाइन करना इन चारों को एक साथ फेंक देता है। अब तस्वीर HTML या CSS के भीतर आती है, पहली रेंडरिंग रोकती है, अकेले कैश नहीं हो सकती, उन आगंतुकों तक भी डाउनलोड होती है जो वहाँ तक कभी स्क्रॉल नहीं करते, और 4K मॉनिटर तथा सस्ते फ़ोन पर एक जैसी रहती है। तस्वीर जितनी बड़ी, इनमें से हर लागत उतनी भारी।
तीन स्थितियाँ जहाँ यह सही है
सबसे पहले ईमेल टेम्पलेट: कई क्लाइंट बाहरी तस्वीरें डिफ़ॉल्ट रूप से रोक देते हैं, इसलिए भरोसे से दिखने वाली इकलौती चीज़ इनलाइन की गई तस्वीर है। दूसरा, नन्हे प्लेसहोल्डर — कुछ सौ बाइट की जानबूझकर धुँधली तस्वीर, इनलाइन की गई ताकि असली फ़ोटो लोड होते समय कुछ दिखे। तीसरा, किसी तस्वीर को ऐसे सिस्टम से गुज़ारना जो केवल टेक्स्ट लेता है: JSON API, webhook पेलोड, डेटाबेस कॉलम, मैसेज क्यू। तीनों में विकल्प "तेज़ तस्वीर" नहीं है; विकल्प "कोई तस्वीर नहीं" है।
एन्कोड करने से पहले तस्वीर छोटी करें
Base64 की इस बारे में कोई राय नहीं कि उसे क्या दिया गया — वह 3 MB की छुट्टियों वाली तस्वीर को भी उतनी ही ईमानदारी से बड़ा करता है जितनी किसी थंबनेल को। इसलिए काम सही क्रम में करें: उसी आकार में क्रॉप करें जिसमें वास्तव में दिखाएँगे, JPG गुणवत्ता तब तक घटाएँ जब तक अंतर दिखना बंद न हो, और तभी एन्कोड करें। जिस तस्वीर को 400 पिक्सेल चौड़ा दिखाना है, उसे 4000 पर एन्कोड करने का कोई कारण नहीं। यदि नतीजा फिर भी सैकड़ों किलोबाइट है, तो यह टूल आपसे कह रहा है कि फ़ाइल से लिंक कीजिए।