इमेज प्लेसहोल्डर जनरेटर 🔒 आपके ब्राउज़र में स्थानीय रूप से चलता है — कुछ भी अपलोड नहीं होता।

इस टूल के बारे में

प्लेसहोल्डर वह होता है जो असली इमेज के पूरी तरह लोड होने से ठीक पहले पेज पर दिखता है — आने वाली फ़ोटो की धुंधली झलक, या बस एक ठोस रंग का बॉक्स — ताकि लेआउट उछले नहीं और पेज ऐसा महसूस हो जैसे असली कंटेंट पहले से लोड हो रहा हो। इस "धुंधली फ़ोटो" शैली को अक्सर LQIP (लो-क्वालिटी इमेज प्लेसहोल्डर) कहा जाता है: मूल फ़ोटो को मुट्ठी भर पिक्सेल तक छोटा करें — लंबी भुजा पर 20 से 40px पर्याप्त है — चाहें तो थोड़े ब्लर से इसे मुलायम बनाएं, और इस छोटे से नतीजे को फिर से एन्कोड करें। इतने कम पिक्सेल होने के कारण एन्कोड करने के लिए बहुत कम डेटा बचता है, इसलिए आउटपुट आमतौर पर कुछ सौ बाइट से लेकर कुछ KB तक होता है — इतना छोटा कि इसे अलग फ़ाइल के रूप में फ़ेच करने के बजाय सीधे base64 डेटा URI के रूप में एम्बेड किया जा सके।

प्लेसहोल्डर को डेटा URI के रूप में एम्बेड करने का मतलब है कि यह पेज के अपने HTML या CSS के साथ ही भेज दिया जाता है — असली फ़ोटो आने से पहले कुछ दिखाने के लिए कोई अतिरिक्त नेटवर्क राउंड ट्रिप नहीं चाहिए। इस छोटे, हल्के धुंधले नतीजे को CSS से असली इमेज के डिस्प्ले आकार तक खींचें और यह आने वाली फ़ोटो के मुलायम पूर्वावलोकन जैसा दिखता है; Medium जैसी साइटों और कई प्रोडक्ट-फ़ोटो गैलरी में यही ट्रिक फ़ेड-इन लोडिंग इफ़ेक्ट के पीछे है। जब आपके पास अभी मूल फ़ोटो न हो — स्केलेटन स्क्रीन, मोटा लेआउट मॉकअप, या यूज़र द्वारा अपलोड न किए गए कंटेंट के लिए जगह आरक्षित करनी हो — तो दूसरे मोड पर स्विच करें और इसके बजाय किसी भी पिक्सेल आकार में ठोस रंग, ग्रेडिएंट या धारीदार प्लेसहोल्डर बनाएं, उसी तुरंत डाउनलोड और कॉपी की जा सकने वाली डेटा URI के साथ। सब कुछ आपके ब्राउज़र में स्थानीय रूप से चलता है; कुछ भी कभी अपलोड नहीं होता।

अक्सर पूछे जाने वाले प्रश्न