छवि लाई Base64

तस्बिरलाई Base64 स्ट्रिङमा रूपान्तरण गर्नुहोस्।

4.93 मध्ये 15 रेटिङहरू

1. परिचय

छविलाई Base64 मा रूपान्तरण गर्ने उपकरण एउटा सरल अनलाइन उपकरण हो जसले अपलोड गरिएको छवि फाइललाई Base64-इन्कोड गरिएको स्ट्रिङमा रूपान्तरण गर्छ। Base64 बाइनरी डाटाको पाठ-आधारित प्रतिनिधित्व हो, जसले छविहरूलाई HTML, CSS, JSON, वा API पेलोडहरूमा छुट्टै फाइल अनुरोध बिना नै सिधै समावेश गर्न अनुमति दिन्छ।

यो उपकरण सामान्यतया वेब विकासकर्ताहरू, फ्रन्टएन्ड इन्जिनियरहरू, API एकीकरणकर्ताहरू, र इमेल टेम्प्लेट डिजाइनरहरूले प्रयोग गर्छन्, जसलाई आफ्नै कोडमा छविहरू सिधै समावेश गर्न आवश्यक हुन्छ। छवि फाइल होस्ट गरेर यसको URL सन्दर्भ गर्ने सट्टा, तपाईं यसलाई Base64 स्ट्रिङमा रूपान्तरण गरी data URI भित्र समावेश गर्न सक्नुहुन्छ। यो विशेष गरी साना आइकनहरू, लोगोहरू, इमेल टेम्प्लेटहरू, वा बाह्य फाइल अनुरोधहरू प्रतिबन्धित भएका सुरक्षित प्रणालीहरूका लागि उपयोगी हुन्छ।

तपाईं वेब अनुप्रयोग निर्माण गर्दै हुनुहुन्छ, स्रोतहरूको वितरणलाई अनुकूलन गर्दै हुनुहुन्छ, वा API प्रतिक्रिया भित्र छविहरू एकीकृत गर्दै हुनुहुन्छ भने, यो उपकरणले छवि फाइलहरूलाई Base64 ढाँचामा रूपान्तरण गर्ने छिटो र सुरक्षित तरिका प्रदान गर्दछ।

2. यसले कसरी काम गर्छ

यो उपकरणले अपलोड गरिएको छवि फाइल स्वीकार गर्छ र यसको बाइनरी सामग्रीलाई Base64-इन्कोड गरिएको स्ट्रिङमा रूपान्तरण गर्छ। Base64 इन्कोडिङले बाइनरी डाटालाई ASCII क्यारेक्टरहरूमा रूपान्तरण गर्छ। यसले JSON, HTML, वा XML जस्ता पाठ-आधारित ढाँचाहरू अपेक्षा गर्ने प्रणालीहरूबीच छवि डाटा सुरक्षित रूपमा पठाउन सम्भव बनाउँछ।

इनपुट प्यारामिटर

छवि (फाइल अपलोड) – प्रयोगकर्ताले रूपान्तरणका लागि चयन गरेको छवि फाइल।

समर्थित फाइल प्रकारहरू

अनुकूलता र सुरक्षा सुनिश्चित गर्न केवल निश्चित छवि ढाँचाहरू मात्र स्वीकार गरिन्छ:

.gif
.png
.jpg
.jpeg
.svg

प्रमाणीकरण नियमहरू

अनुरोधले CSRF सुरक्षा प्रमाणीकरण जाँच पास गर्नुपर्छ।
अपलोड गरिएको फाइलले सर्भरको अधिकतम अपलोड आकार सीमा नाघ्नु हुँदैन।
फाइलमा अपलोड सम्बन्धी त्रुटिहरू हुनु हुँदैन।
फाइल एक्सटेन्सन अनुमति दिइएका छवि ढाँचामध्ये कुनै एकसँग मेल खानुपर्छ।

प्रशोधन प्रक्रिया

अपलोड गरिएको फाइलले प्रमाणीकरण पास गरेपछि:

छवि फाइललाई सर्भरमा अस्थायी रूपमा भण्डारण गरिन्छ।
फाइलको बाइनरी सामग्री पढिन्छ।
बाइनरी डाटालाई Base64 इन्कोडिङ प्रयोग गरेर इन्कोड गरिन्छ।
इन्कोड गरिएको स्ट्रिङ परिणामको रूपमा फर्काइन्छ।

आउटपुट ढाँचा

यो उपकरणले छवि फाइललाई प्रतिनिधित्व गर्ने Base64 स्ट्रिङ उत्पादन गर्छ। आउटपुटमा data:image/...;base64, उपसर्ग स्वतः समावेश हुँदैन, त्यसैले HTML वा CSS मा प्रयोग गर्दा तपाईंले उपयुक्त MIME प्रकारको उपसर्ग आफैं थप्नुपर्ने हुन सक्छ।

सीमितताहरू

ठूला छविहरूले सर्भरको अपलोड सीमा नाघ्न सक्छन्।
Base64 इन्कोडिङले फाइलको आकार लगभग 33% ले बढाउँछ।
कार्यसम्पादनमा असर पर्ने भएकाले ठूला उत्पादन स्रोतहरूको लागि उपयुक्त छैन।

3. यो उपकरण कसरी प्रयोग गर्ने

अपलोड बटनमा क्लिक गर्नुहोस्।
समर्थित छवि फाइल (GIF, PNG, JPG, JPEG, वा SVG) चयन गर्नुहोस्।
फारम पेश गर्नुहोस्।
उपकरणले छवि प्रशोधन गरुन्जेल प्रतीक्षा गर्नुहोस्।
उत्पन्न भएको Base64 स्ट्रिङ प्रतिलिपि गर्नुहोस्।
यस स्ट्रिङलाई आफ्नो HTML, CSS, JSON, वा API पेलोडमा प्रयोग गर्नुहोस्।

4. व्यावहारिक उदाहरणहरू

उदाहरण 1: HTML मा लोगो समावेश गर्ने

इनपुट: logo.png (5 KB)

आउटपुट (छोट्याइएको):

iVBORw0KGgoAAAANSUhEUgAA...

यसलाई HTML मा प्रयोग गर्न:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." />

यसले छुट्टै छवि फाइल अनुरोधको आवश्यकता हटाउँछ।

उदाहरण 2: JSON API मा छवि डाटा पठाउने

इनपुट: avatar.jpg

आउटपुट (छोट्याइएको):

/9j/4AAQSkZJRgABAQAAAQABAAD...

JSON पेलोडको उदाहरण:

{
  "username": "john_doe",
  "avatar": "/9j/4AAQSkZJRgABAQAAAQABAAD..."
}

यो केवल पाठ-आधारित पेलोडहरू स्वीकार गर्ने API मार्फत छविहरू अपलोड गर्दा उपयोगी हुन्छ।

5. विकासकर्ताहरूका लागि प्रयोगका अवस्थाहरू

- वेब अनुप्रयोगहरूमा इनलाइन स्रोतहरू

विकासकर्ताहरूले HTTP अनुरोधहरूको संख्या घटाउन Base64 प्रयोग गरी साना आइकनहरू वा UI तत्वहरूलाई CSS फाइलभित्र सिधै समावेश गर्न सक्छन्।

- इमेल टेम्प्लेट विकास

धेरै इमेल क्लाइन्टहरूले बाह्य छविहरूलाई अवरुद्ध गर्छन्। छविहरूलाई Base64 मा रूपान्तरण गर्दा तिनीहरूलाई HTML इमेलहरूमा सिधै समावेश गर्न सकिन्छ।

- API-आधारित छवि अपलोड प्रणालीहरू

मोबाइल एपहरू वा फ्रन्टएन्ड अनुप्रयोगहरूले ब्याकएन्ड API मा पठाउनु अघि छविहरूलाई Base64 मा रूपान्तरण गर्न सक्छन्।

- सुरक्षित वा अफलाइन अनुप्रयोगहरू

प्रतिबन्धित वातावरणमा चल्ने अनुप्रयोगहरूले फाइल होस्टिङमा निर्भर नरही सिधै छविहरू समावेश गर्न सक्छन्।

PHP उदाहरण

$imageData = file_get_contents('logo.png');
$base64 = base64_encode($imageData);
echo $base64;

JavaScript उदाहरण

const reader = new FileReader();
reader.onload = function() {
  const base64String = reader.result.split(',')[1];
  console.log(base64String);
};
reader.readAsDataURL(fileInput.files[0]);