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