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