ठीक उसी साइज़ की प्लेसहोल्डर इमेज जो आपको चाहिए
चौड़ाई और ऊंचाई लिखें और उस साइज़ की एक सादी इमेज पाएं, जिसके बीच में उसके डाइमेंशन लिखे हों — असली फ़ोटो आने से पहले लेआउट को जिस अस्थायी इमेज की ज़रूरत होती है। रंग बदलें, अपना टेक्स्ट लिखें, और इसे PNG, JPEG, WebP या SVG में डाउनलोड करें, या data URI के रूप में कॉपी करके सीधे HTML या CSS में पेस्ट करें। सब कुछ आपके ब्राउज़र में बनता है।
प्लेसहोल्डर इमेज कैसे बनाएं
- 1पिक्सल में चौड़ाई और ऊंचाई डालें, या 300 × 250 या 1920 × 1080 जैसा कोई आम साइज़ चुनें।
- 2डाइमेंशन दिखाने के लिए टेक्स्ट खाली छोड़ें, या अपना टेक्स्ट लिखें — नई लाइन से टेक्स्ट की दूसरी लाइन शुरू होती है।
- 3बैकग्राउंड और टेक्स्ट के रंग, फ़ॉन्ट और टेक्स्ट साइज़ चुनें।
- 4PNG, JPEG, WebP या SVG में डाउनलोड करें, इमेज कॉपी करें, या
<img src>के लिए SVG data URI कॉपी करें।
रास्टर या वेक्टर
- PNG, JPEG, WebP
- ठीक आपकी डाली गई चौड़ाई और ऊंचाई वाला बिटमैप — अपलोड फ़ॉर्म, डिज़ाइन फ़ाइलों और हर उस जगह के लिए जहां असली इमेज फ़ाइल चाहिए।
- SVG
- कुछ सौ बाइट का मार्कअप जो बिना धुंधला हुए किसी भी साइज़ तक स्केल होता है। इसे सीधे इनलाइन पेस्ट करें, या data URI इस्तेमाल करें ताकि प्लेसहोल्डर को किसी फ़ाइल की ज़रूरत ही न पड़े।
टेक्स्ट जो फ़िट हो
टेक्स्ट का साइज़ इमेज के हिसाब से अपने-आप तय होता है: बड़े बैनर पर बड़ा, leaderboard विज्ञापन पर छोटा, और किनारे से बाहर कभी नहीं जाता। टेक्स्ट साइज़ स्लाइडर उसे वहां से छोटा-बड़ा करता है।
SVG टेक्स्ट उस डिवाइस के फ़ॉन्ट से बनता है जिस पर वह दिखता है, इसलिए दूसरे कंप्यूटर पर थोड़ा अलग दिख सकता है; बिटमैप फ़ॉर्मेट हर जगह एक जैसे दिखते हैं।
किसी प्लेसहोल्डर सर्विस की ज़रूरत नहीं
ऑनलाइन प्लेसहोल्डर सर्विस बंद हो सकती हैं या एक अतिरिक्त रिक्वेस्ट से पेज धीमा कर सकती हैं। डाउनलोड की गई फ़ाइल या data URI ऑफ़लाइन काम करता है और कभी नहीं बदलता।
किसी प्लेटफ़ॉर्म के लिए असली फ़ोटो का साइज़ बदलने के लिए सोशल मीडिया इमेज रीसाइज़र इस्तेमाल करें; लेआउट को डमी टेक्स्ट से भरने के लिए Lorem Ipsum जनरेटर इस्तेमाल करें।
अक्सर पूछे जाने वाले सवाल
- मैं सबसे बड़ी प्लेसहोल्डर इमेज कितनी बना सकता हूं?
- हर साइड पर 8000 पिक्सल तक। बहुत बड़े बिटमैप कुछ ब्राउज़र की canvas सीमा से ज़्यादा हो सकते हैं; SVG की ऐसी कोई सीमा नहीं है।
- क्या मैं इमेज पर टेक्स्ट बदल सकता हूं?
- हां। टेक्स्ट बॉक्स में कुछ भी लिखें; डाइमेंशन दिखाने के लिए उसे खाली छोड़ें। दूसरी लाइन के लिए Enter दबाएं।
- बिना फ़ाइल के प्लेसहोल्डर कैसे इस्तेमाल करूं?
- data URI कॉपी करें और उसे किसी इमेज के src के रूप में या CSS background-image के url() के रूप में इस्तेमाल करें। पूरी इमेज उसी टेक्स्ट के अंदर होती है।
- क्या कुछ अपलोड होता है?
- नहीं। इमेज आपके ब्राउज़र में बनती है और कभी आपके डिवाइस से बाहर नहीं जाती।