फ्री इमेज प्लेसहोल्डर जेनरेटर
यह फ्री इमेज प्लेसहोल्डर जेनरेटर किसी भी चौड़ाई और ऊँचाई का डमी पिक्चर बनाता है 2000 पिक्सल तक, बैकग्राउंड रंग, टेक्स्ट रंग और आपके अपने टेक्स्ट के साथ। आपको PNG डाउनलोड मिलता है और वही इमेज SVG कोड के रूप में पेज में पेस्ट करने के लिए। यह डिजाइनर और डेवलपर के लिए सही है जिन्हें लेआउट या थीम बनाते समय स्टैंड-इन इमेज की जरूरत होती है।
Image Placeholder Generator
Images
इस टूल के बारे में
एक प्लेसहोल्डर इमेज एक असली फोटो की जगह लेता है जब आप पेज बना रहे हों, ताकि आप लेआउट, स्पेसिंग और एस्पेक्ट रेशियो देख सकें इससे पहले कि फाइनल पिक्चर मौजूद हों। पिक्सल में चौड़ाई और ऊँचाई एंटर करें, दोनों रंग चुनें, और टेक्स्ट चुनें। डिफॉल्ट रूप से टेक्स्ट साइज ही होता है, जैसे 800x450, जिससे यह आसान हो जाता है कि देख सकें कि कौन सा स्लॉट किस इमेज को पाया।
आपको दो वर्जन मिलते हैं। PNG एक सामान्य बिटमैप फाइल है जो कहीं भी काम करती है, ईमेल टेम्पलेट और CMS मीडिया लाइब्रेरी सहित जो SVG स्वीकार नहीं करते। SVG कोड की कुछ लाइनें हैं, साइज में कुछ सौ बाइट, जो किसी भी साइज में स्केल होता है बिना शार्पनेस खोए, और सीधे HTML में पेस्ट किया जा सकता है या .svg फाइल के रूप में सेव किया जा सकता है। रंग और टेक्स्ट का चेक किया जाता है इससे पहले कि उन्हें यूज किया जाए, और आप जो कुछ एंटर करते हैं वह स्टोर नहीं होता।
प्लेसहोल्डर डेवलपमेंट के लिए हैं। पेज लाइव होने से पहले उन्हें असली, ऑप्टिमाइज्ड इमेज से बदलें, और फाइनल इमेज को सही alt टेक्स्ट दें, क्योंकि सर्च इंजन और स्क्रीन रीडर एक ग्रे बॉक्स से कुछ नहीं सीख सकते। साइज लिमिट 2000 बाय 2000 पिक्सल है, और PNG टेक्स्ट एक सादे बोल्ड फॉन्ट में ड्रॉ किया जाता है, तो SVG यूज करें जब आपको टेक्स्ट साइज या फॉन्ट को हाथ से एडजस्ट करना हो।
अक्सर पूछे जाने वाले सवाल
अधिकतम साइज क्या है?
2000 पिक्सल चौड़ा और 2000 पिक्सल ऊँचा तक। यह फुल-विड्थ हीरो बैनर, प्रोडक्ट गैलरी और सोशल इमेज साइज को कवर करता है। लेआउट वर्क के लिए बड़ी इमेज की जरूरत नहीं है, और साइज को कैप करने से जेनरेटर तेज रहता है। बड़े स्टैंड-इन के लिए, SVG आउटपुट यूज करें, जिसे आप अपने कोड में किसी भी साइज पर सेट कर सकते हैं।
क्या मुझे PNG या SVG यूज करना चाहिए?
PNG यूज करें जब जगह जहाँ आप अपलोड कर रहे हैं वह सिर्फ बिटमैप फाइल स्वीकार करती है, जैसे कई ईमेल बिल्डर और कुछ मीडिया लाइब्रेरी। SVG यूज करें जब आप HTML या CSS में पेस्ट करते हैं, क्योंकि यह छोटा है और किसी भी साइज पर तेज रहता है। दोनों एक ही रंग, साइज और टेक्स्ट दिखाते हैं।
क्या मैं लाइव वेबसाइट पर प्लेसहोल्डर इमेज यूज कर सकता हूँ?
आप कर सकते हैं, लेकिन यह एक बुरा विकल्प है। विजिटर और सर्च इंजन को एक सपाट ग्रे बॉक्स से कोई जानकारी नहीं मिलती, और प्लेसहोल्डर से भरा पेज अधूरा दिखता है। अगर इमेज अभी भी बन रही हैं, तो सेक्शन को छिपाएँ, या एक सादा रंग ब्लॉक यूज करें जो स्पष्ट रूप से डिजाइन का हिस्सा है, और असली इमेज तैयार होने पर पब्लिश करें।
मुझे कौन से रंग चुनने चाहिए?
लेआउट वर्क के लिए, एक मिड ग्रे बैकग्राउंड गहरे ग्रे टेक्स्ट के साथ सामान्य विकल्प है क्योंकि यह डिजाइन से ध्यान नहीं हटाता। बैकग्राउंड और टेक्स्ट के बीच पर्याप्त कंट्रास्ट वाले रंग चुनें, या साइज लेबल पढ़ना मुश्किल हो जाता है। रंग को hex वैल्यू के रूप में एंटर करें जैसे #cccccc।
क्या इमेज आपके सर्वर पर स्टोर है?
नहीं। पिक्चर पेज लोड होते समय मेमोरी में ड्रॉ किया जाता है और सीधे आपके ब्राउजर को परिणाम के हिस्से के रूप में भेजा जाता है। कुछ भी सेव नहीं होता, और डाउनलोड लिंक सिर्फ उस पेज में काम करता है जो आप देख रहे हैं, तो पेज छोड़ने से पहले फाइल सेव करें।

