BlurHash जनरेटर
इमेज को BlurHash स्ट्रिंग में बदलें, और किसी भी हैश को धुँधले प्रीव्यू में डिकोड करें।
BlurHash जनरेटर पूरी तरह आपके ब्राउज़र में चलता है: डाली गई इमेज आपके डिवाइस पर एनकोड होती है, कभी अपलोड नहीं होती।
प्लेसहोल्डर इमेज जनरेटर खोलें
BlurHash जनरेटर के बारे में
BlurHash बीस-पच्चीस कैरेक्टर की एक स्ट्रिंग है जो इमेज का धुँधला रूप रखती है: इतना काफी कि असली फोटो डाउनलोड होने के दौरान पहचानने लायक प्लेसहोल्डर दिखे, न कि खाली ग्रे बॉक्स जो भरने पर लेआउट हिला दे। एनकोडर इमेज को चंद कोसाइन फंक्शन पर प्रोजेक्ट करता है, कोएफ़िशिएंट्स को क्वांटाइज़ करता है और base-83 में पैक करता है, इसीलिए नतीजा इमेज URL के साथ JSON में आराम से आ जाता है। यह टूल आपकी डाली गई इमेज एनकोड करता है, किसी भी हैश को डिकोड करके दिखाता है, और कोड स्निपेट भी देता है।
विशेषताएँ
- किसी भी PNG, JPEG या WebP को BlurHash स्ट्रिंग में बदलता है
- हर एक्सिस पर 1 से 9 कंपोनेंट, स्ट्रिंग लंबाई के साथ
- किसी भी वैध हैश को डिकोड करता है, सिर्फ नए को नहीं
- ब्लर का कॉन्ट्रास्ट बढ़ाने के लिए पंच कंट्रोल
- हैश का ऐवरेज कलर, बैकग्राउंड के लिए तैयार
- React, HTML एट्रिब्यूट और JSON के स्निपेट
BlurHash जनरेटर का उपयोग कैसे करें
- इमेज ड्रॉप करें या डिकोड के लिए मौजूदा हैश पेस्ट करें
- कंपोनेंट्स एडजस्ट करें — चार बाय तीन ज़्यादातर फोटो के लिए ठीक
- हैश कॉपी करके इमेज URL के साथ सेव करें
- रेंडरिंग के लिए React या HTML स्निपेट ले लें
उदाहरण
इनपुट
photo.jpg · 4 × 3 components
आउटपुट
LEHV6nWB2yk8pyo0adR*.7kCMdnj
Average colour #8a7f6e · 28 characters
अट्ठाइस कैरेक्टर ज़्यादातर इमेज URL से हल्के हैं और तुरंत दिखते हैं, बिना दूसरी रिक्वेस्ट के।
सामान्य त्रुटियाँ और समस्या निवारण
- सेव किया हुआ हैश डिकोड नहीं होता। — लंबाई पहले कैरेक्टर में लिखे कंपोनेंट से मिलनी चाहिए: 4 + 2 × x × y। कटी हुई स्ट्रिंग इस जाँच में फेल होती है।
- प्लेसहोल्डर इमेज जैसा नहीं लगता। — कंपोनेंट कम हैं: एक-बाय-एक सिर्फ ऐवरेज कलर रखता है; हर एक्सिस पर तीन-चार से फोटो पहचानने लायक हो जाती है।
अक्सर पूछे जाने वाले प्रश्न
- BlurHash क्या है?
- एक छोटी स्ट्रिंग जो इमेज का low-frequency हिस्सा एनकोड करती है: उसका धुँधला रूप और रंग, URL के साथ रखने के लिए।
- BlurHash स्ट्रिंग कितनी लंबी होती है?
- चार कैरेक्टर प्लस हर कंपोनेंट के दो, तो 4×3 हैश 28 कैरेक्टर का और 1×1 हैश 6 का होता है।
- कितने कंपोनेंट इस्तेमाल करें?
- फोटो के लिए चार-बाय-तीन आम है; पोर्ट्रेट में कभी तीन-बाय-चार बेहतर, फ्लैट ग्राफिक में दो-बाय-दो काफी।
- क्या हैश बनाने के लिए इमेज अपलोड होती है?
- नहीं। इमेज कैनवस पर ड्रॉ होकर आपके ब्राउज़र में एनकोड होती है, इसलिए फोटो कभी डिवाइस से बाहर नहीं जातीं।
संबंधित टूल
सभी ArrayKit टूल