BlurHash - ब्लर की गई image placeholder generator

• इमेज को पढ़कर उसे ब्लर किया जाता है, फिर उसे 20~30 अक्षरों के hash code में बदला जाता है

• वेब/ऐप में इमेज लोड होने से पहले सिर्फ hash code लेकर पहले ब्लर इमेज दिखाई जाती है, फिर नेटवर्क से इमेज लाकर प्रदर्शित की जाती है

• C/Swift/Kotlin/Python/Typescript कोड उपलब्ध

• Go/PHP/Java/Clojure/Rust/WASM के लिए third-party implementations मौजूद हैं

[xguru]

अब तक मैंने जिन image placeholder प्रोसेसिंग तरीकों को देखा है, उनमें यह तरीका मुझे सबसे ज़्यादा पसंद आया। रिज़ल्ट स्क्रीन भी काफ़ी सुंदर है।

मैंने सोचा था कि management tool में हर बार image upload करते समय file name को hash code बना दिया जाए, लेकिन base83 encoding थोड़ा अटक रहा है।

[nemorize]

मैंने यह कमेंट देखकर सोचा था, "कभी न कभी इसे लागू करके देखना चाहिए~", और फिर 5 साल बाद जाकर इसे लागू किया।
B83 में ? / # = जैसे special characters शामिल होते हैं, इसलिए मैंने B83 को फिर से B64-urlsafe में encode कर दिया, हाहा;

डिफ़ॉल्ट component setting के 43 hash value को B64 में encode करने पर भी यह लगभग 40 characters के आसपास रहता है, इसलिए सोचे से ज़्यादा बोझिल नहीं है,
और स्थिति के अनुसार इसे 33 या 3*2 तक कम कर दें तो यह कम सुंदर लगेगा, लेकिन लगभग 25 characters में संभाला जा सकता है।

[sduck4]

ओह... तो फिर इमेज के नाम से ही placeholder दिखाया जा सकता है! शानदार आइडिया है. :)