छवि केँ डेटा URI / बेस64 कन्वर्टर
बस खींचि के छोड़ी दिय या अपन उपकरण सँ छवि केँ मैनुअल अपलोड करू या वेब सँ छवि के URL पेस्ट करू, तँ अपने लक्षित छवि केँ बेस64 / डेटा URI टेक्स्ट फॉर्मेट मे बदलि सकैत छी। छवि केँ डेटा URI / बेस64 टेक्स्ट फॉर्मेट मे बदलू।
डेटा URI / बेस64 केँ छवि कन्वर्टर
उपयोग करू छवि केँ डेटा URI / बेस64 कन्वर्टर
सामग्री पढ़ू
अपन अनेक छवि फाइल केँ डेटा URI आ बेस64 फॉर्मेट मे ऑनलाइन आ मुफ्त मे बदलू।
छवि केँ डेटा URI / बेस64 कन्वर्टर
छवि केँ डेटा URI / बेस64 कन्वर्टर एगो उपयोगी उपकरण छी जेकरा सँ अहाँ आसानी सँ छवि केँ टेक्स्ट के स्ट्रिंग मे बदलि सकैत छी जे वेब पृष्ठ या आन ऑनलाइन एप्लिकेशन मे उपयोग कएल जा सकैत अछि। ई कन्वर्टर तब उपयोगी होइत अछि जखन अहाँ केँ अपन कोड मे छवि एम्बेड करबाक होइत अछि मुदा बाहरी फाइल होस्टिंग सेवा केँ उपयोग नहि करबाक होइत।
छवि केँ बेस64 एन्कोडिंग प्रणाली की छी?
कखनो अहाँ केँ छवि केँ डेटा URL या बेस64 स्ट्रिंग मे बदलबाक आवश्यकता भेल अछि?
छवि केँ बेस64 एगो छवि एन्कोडिंग प्रणाली छी जे कोनो छवि केँ डेटा नुकसान नहि होइत ओकरा केँ पढ़बा मे असंभव टेक्स्ट फॉर्मेट मे बदलि दैत अछि। उत्पन्न बेस64 एन्कोडेड टेक्स्ट मे प्लस, स्लैश, बराबर, लैटिन अक्षर आ अंक शामिल होइत अछि।
बेस64 एन्कोडिंग बाइनरी जानकारी केँ टेक्स्ट फॉर्मेट मे संग्रहित करबाक एगो उपयोगी तरीका छी। एकर उद्देश्य बाइनरी डेटा (जेना छवि, ध्वनि, वीडियो क्लिप) केँ ASCII अक्षर (वर्णमाला के अक्षर + अंक) के उपयोग सँ प्रदर्शित करब छी।
डेटा URI / बेस64 कियैक उपयोगी अछि?
छवि केँ बेस64 स्ट्रिंग मे बदलबाक लेल डेटा URI नामक विधि के उपयोग कएल जाइत अछि। एकर मदति सँ हम छवि के लेल एगो URL बना सकैत छी जे वेब पृष्ठ मे शामिल कएल जा सकैत अछि। ई प्रक्रिया मे हमर मूल फाइल केँ बाइट सरणी (बाइट के संग्रह) मे बदला जाइत अछि। तखन हम अपन बाइट सरणी केँ बेस64 एन्कोडेड स्ट्रिंग मे एन्कोड कए सकैत छी।
डेटा URI के स्थानीय फाइल सँ तुलना मे अनेक लाभ होइत अछि। ई क्लाइंट (ब्राउज़र) कैश मे स्थान बचबैत अछि, नियमित छवि सँ आकार मे छोट होइत अछि, आ वेबसाइट केँ कम बैंडविड्थ उपयोग सँ बड़े छवि सेवा करबाक अनुमति दैत अछि। बेस64 स्ट्रिंग पढ़बा मे सेहो आसान होइत अछि, कारण एकरा केँ सामान्य टेक्स्ट संपादक सँ आसानी सँ देखल जा सकैत अछि।
डेटा URI के उपयोग सँ अहाँ छवि केँ सीधा अपन HTML कोड मे एम्बेड कए सकैत छी, बाहरी फाइल लोड करबाक आवश्यकता नहि होइत। एकर परिणामस्वरूप अहाँक पृष्ठ लोड समय तेज होइत अछि, आ ई प्रक्रिया सेहो काफी सरल अछि। एहि लेख मे हम अहाँ केँ छवि केँ डेटा URI मे सेकंड मे बदलबाक तरीका देखाएब।
छवि केँ बेस64 एन्कोडेड / डेटा URI मे सेकंड मे कियैक बदलू
कखनो अहाँ सोचलहुँ जे अपन वेबसाइट पर छवि केँ तेजी सँ लोड कएल जाए? एकर लेल डेटा URI के उपयोग एगो उपाय छी। बस खींचि के छोड़ी दिय या अपन उपकरण सँ छवि केँ मैनुअल अपलोड करू या वेब सँ छवि के URL पेस्ट करू, तँ अपने लक्षित छवि केँ बेस64 / डेटा URI टेक्स्ट फॉर्मेट मे बदलि सकैत छी।
छवि केँ बेस64 एन्कोडेड उदाहरण
बेस64 एन्कोडेड छवि के आउटपुट एहन होइत अछि data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC....
छवि केँ बेस64 एन्कोडेड उपयोग
छवि स्रोत (img src) लेल:
< img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC..." />
पृष्ठभूमि छवि URL (background-image: url) लेल:
background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC...")
डेटा URI / बेस64 केँ कियैक उपयोग करू
डेटा URI / बेस64 कन्वर्टर के उपयोग करबाक लेल बस उत्पन्न कोड केँ कॉपी करू आ अपन प्रोजेक्ट मे पेस्ट करू जतय अहाँ एम्बेडेड छवि देखाबय चाहैत छी। ध्यान राखू जे कोड के भीतर सँ कोनो लाइन ब्रेक या स्पेस केँ नहि हटाउ, कारण ई उचित प्रदर्शन फॉर्मेटिंग लेल आवश्यक होइत अछि। अहाँ केँ उपयोग के अनुसार छवि के आयाम या सीमा/स्पेसिंग जोड़बाक लेल सेहो किछु सेटिंग समायोजित करबाक आवश्यकता पड़ि सकैत अछि।
टिप्पणी (0)
अहाँ जे समस्या भेंटलहुँ, तकर वर्णन करू जाहि सँ हम जाँच कऽ सकि आ उपकरण केँ सुधारि सकी।