प्लेसहोल्डर इमेज जनरेटर
ठीक उसी आकार की सादी प्लेसहोल्डर तस्वीर बनाएं जो आपको चाहिए, जिस पर आकार लिखा हो, मॉक-अप, लेआउट और टेस्ट के लिए।
पूरी तरह आपके ब्राउज़र में चलता है
आकार दिखाने के लिए खाली छोड़ें।
चौड़ाई और ऊँचाई 1 से 8000 पिक्सेल, कुल 100 मेगापिक्सल तक। टेक्स्ट एक लाइन का होता है, जो आकार के हिसाब से फ़िट होता है।
प्लेसहोल्डर इमेज कैसे बनाएं
- चौड़ाई और ऊँचाई टाइप करें, या कोई प्रीसेट दबाएं, जैसे सोशल कार्ड के लिए 1200 × 630 या विज्ञापन के लिए 300 × 250।
- बैकग्राउंड और टेक्स्ट के रंग चुनें। आकार दिखाने के लिए टेक्स्ट खाली छोड़ें, या अपना लेबल लिखें।
- PNG, JPEG, WebP या SVG चुनें और डाउनलोड दबाएं, या इमेज को data URI के रूप में कॉपी करें।
प्लेसहोल्डर का आकार चुनना
प्लेसहोल्डर पेज बनाते समय असली तस्वीर की जगह खड़ा रहता है, इसलिए काम की बात यह है कि उसका आकार सही हो। लेआउट रेज़ोल्यूशन से ज़्यादा आस्पेक्ट रेशियो पर टूटते हैं: 16:9 की हीरो इमेज चौकोर अवतार से अलग बर्ताव करती है, चाहे दोनों छोटी हों। तस्वीर पर आकार लिख देने से मॉक-अप देखने वाला कोई भी समझ सकता है कि किस स्लॉट को कौन-से माप चाहिए।
प्रीसेट उन आकारों को कवर करते हैं जो बार-बार आते हैं: 1200 × 630 वह आकार है जो ज़्यादातर सोशल नेटवर्क लिंक प्रीव्यू के लिए इस्तेमाल करते हैं, 1080 × 1080 चौकोर पोस्ट, 1920 × 1080 और 1280 × 720 आम वीडियो फ़्रेम, 300 × 250 और 728 × 90 दो मानक विज्ञापन स्लॉट, और 150 × 150 एक सामान्य अवतार।
असली इस्तेमाल के लिए याद रखें कि प्लेसहोल्डर सपाट रंग होता है। PNG और SVG इसे लगभग मुफ़्त में रखते हैं, जबकि बड़े आकार का JPEG टेक्स्ट के आसपास धुंध जोड़ देता है। अगर आप तस्वीर को data URI के रूप में कोड में पेस्ट करते हैं, तो उसे छोटा रखें: इमेज का हर बाइट आपके पेज में दोहराया जाता है।
सुझाव
- उसी आकार में असली तस्वीर चाहिए? इमेज का साइज़ बदलें और इमेज क्रॉप करें फ़ोटो को ठीक उस स्लॉट में ले आते हैं।
- तैयार इमेज को टेक्स्ट के रूप में एम्बेड करने के लिए इमेज से Base64 इस्तेमाल करें।
- मेल खाते रंग रंग कन्वर्टर और कंट्रास्ट जाँच से चुनें।
अक्सर पूछे जाने वाले सवाल
क्या कुछ मेरे डिवाइस से बाहर जाता है?
नहीं। आप जो भी टाइप करते हैं वह कहीं नहीं भेजा जाता। तस्वीर आपका ब्राउज़र बनाता है, और डाउनलोड आपके डिवाइस पर तैयार होता है।
कौन-सा फ़ॉर्मैट चुनूँ?
SVG कुछ सौ बाइट का होता है और किसी भी आकार में तेज़ रहता है, इसलिए वेब लेआउट के लिए ठीक है। PNG सपाट रंगों के लिए सटीक और लॉसलेस है। JPEG और WebP बड़े आकार के लिए छोटी फ़ाइलें बनाते हैं, और JPEG में टेक्स्ट के आसपास हल्की धुंध दिखती है। अपलोड स्वीकार करने वाली कई जगहें, जैसे कई CMS फ़ील्ड, सिर्फ़ रैस्टर इमेज लेती हैं, वहाँ PNG इस्तेमाल करें।
टेक्स्ट का आकार कैसे चुना जाता है?
अपने आप। टेक्स्ट इतना बड़ा बनता है जितना एक लाइन में चौड़ाई के लगभग 80 प्रतिशत और ऊँचाई के 40 प्रतिशत के भीतर समा सके, इसलिए 728 × 90 जैसा चौड़ा बैनर और 160 × 600 जैसा लंबा बैनर, दोनों सही दिखते हैं।
data URI किसलिए है?
data URI वह इमेज है जो टेक्स्ट के रूप में लिखी गई है, ताकि आप उसे बिना अलग फ़ाइल के सीधे HTML img टैग या CSS बैकग्राउंड में पेस्ट कर सकें। छोटी इमेज के लिए यह अच्छा काम करता है। बड़ा PNG एक लंबी स्ट्रिंग बन जाता है जो आपके पेज को भारी कर देती है, इसलिए नतीजा व्यावहारिक सीमा से बड़ा हो तो टूल चेतावनी देता है, और 1 MB से ऊपर कुछ भी कॉपी करने से मना कर देता है।
क्या SVG को खास फ़ॉन्ट चाहिए?
नहीं। वह सिस्टम का sans-serif फ़ॉन्ट इस्तेमाल करता है, इसलिए अलग डिवाइस पर थोड़ा अलग दिखता है पर हमेशा फ़िट होता है, और टेक्स्ट escape किया जाता है ताकि & और < जैसे वर्ण सुरक्षित रहें।
आकार की सीमाएं क्या हैं?
हर तरफ़ 1 से 8000 पिक्सेल हो सकती है और कुल 100 मेगापिक्सल तक। बड़ी इमेज बनने में ज़्यादा समय लेती हैं और कुछ प्रोग्राम में खुल न भी पाएं।