Base64 इमेज क्या है?

Base64 इमेज, बाइनरी इमेज डेटा को Base64 एन्कोडिंग स्कीम का उपयोग करके सादे टेक्स्ट के रूप में दर्शाने का एक तरीका है। किसी बाहरी फ़ाइल को संदर्भित करने के बजाय, पूरी इमेज को सीधे ASCII कैरेक्टर की एक string के रूप में एम्बेड किया जाता है। इसका उपयोग आमतौर पर HTML और CSS में data URIs (data:image/png;base64,...) के माध्यम से किया जाता है, जिससे अलग HTTP अनुरोधों के बिना इमेज को इनलाइन शामिल किया जा सकता है। Base64 एन्कोडिंग डेटा का आकार लगभग 33% बढ़ा देती है, लेकिन अतिरिक्त फ़ाइल होस्टिंग या नेटवर्क राउंड-ट्रिप की आवश्यकता समाप्त हो जाती है।

टूल का विवरण

यह टूल अनुकूलन योग्य पैटर्न और आयामों के साथ यादृच्छिक इमेज उत्पन्न करता है, फिर परिणाम को Base64-एन्कोडेड string के रूप में आउटपुट करता है। पाँच विज़ुअल पैटर्न में से चुनें — noise, rectangles, circles, gradients, या lines — चौड़ाई और ऊँचाई को 2048×2048 पिक्सेल तक समायोजित करें, और आउटपुट फ़ॉर्मेट (PNG, JPEG, या WebP) चुनें। इमेज पूरी तरह से ब्राउज़र में Canvas API का उपयोग करके उत्पन्न होती है, बिना किसी सर्वर अपलोड या बाहरी निर्भरता के।

उदाहरण

Random Noise 256×256 पर एक रंगीन स्टैटिक पैटर्न उत्पन्न करता है जहाँ प्रत्येक पिक्सेल को यादृच्छिक रूप से असाइन किया गया RGB मान होता है — TV स्टैटिक के समान लेकिन पूर्ण रंग में।

Random Circles 512×512 पर एक यादृच्छिक पृष्ठभूमि पर विभिन्न आकारों और रंगों के 10–40 अर्ध-पारदर्शी circles बनाता है, जिससे एक अमूर्त बुलबुले जैसी रचना बनती है।

Random Gradient 800×400 पर एक यादृच्छिक कोण वाले linear gradient के साथ 2–6 यादृच्छिक रंगों को मिलाता है, जिससे पृष्ठभूमि के लिए उपयुक्त सहज रंग संक्रमण उत्पन्न होते हैं।

विशेषताएँ

  • पाँच अलग-अलग पैटर्न प्रकार: noise, rectangles, circles, gradient, और lines
  • 1×1 से 2048×2048 पिक्सेल तक कॉन्फ़िगर करने योग्य आयाम
  • तीन आउटपुट फ़ॉर्मेट: PNG, JPEG, और WebP
  • एक क्लिक में कॉपी और डाउनलोड के साथ तत्काल Base64 आउटपुट
  • पूरी तरह ब्राउज़र में चलता है — आपके डिवाइस से कोई डेटा बाहर नहीं जाता

विकल्पों की व्याख्या

  • चौड़ाई / ऊँचाई: पिक्सेल में इमेज के आयाम सेट करें (1–2048)। परिवर्तन debounced हैं ताकि स्लाइडर समायोजित करते समय इमेज सहजता से पुनः उत्पन्न हो।
  • पैटर्न: उत्पन्न करने के लिए यादृच्छिक विज़ुअल पैटर्न का प्रकार चुनें। प्रत्येक पैटर्न यादृच्छिक आकृतियों, रंगों और पारदर्शिता का उपयोग करके एक अनूठी कलात्मक शैली उत्पन्न करता है।
  • इमेज फ़ॉर्मेट: PNG (lossless, बड़ा), JPEG (lossy, छोटा), या WebP (आधुनिक, कुशल) में से चुनें। यह डाउनलोड करने योग्य इमेज और Base64 आउटपुट दोनों को प्रभावित करता है।

उपयोग के मामले

  • अलग फ़ाइलें होस्ट किए बिना सीधे HTML या CSS में placeholder या सजावटी इमेज एम्बेड करना
  • विकास और QA वर्कफ़्लो के लिए परीक्षण इमेज उत्पन्न करना जिनमें विविध विज़ुअल सामग्री की आवश्यकता होती है
  • डिज़ाइन मॉकअप के लिए अनूठी procedural कला या अमूर्त पृष्ठभूमि बनाना