प्लेसहोल्डर इमेज जनरेटर
4000×4000 तक किसी भी आकार की प्लेसहोल्डर इमेज अपने रंग और लेबल के साथ बनाएँ। PNG, JPEG, WebP या SVG डाउनलोड करें, या data URI कॉपी करें — कोई बाहरी सेवा नहीं।
आयाम दिखाने के लिए खाली छोड़ें।
प्लेसहोल्डर इमेज जनरेटर क्या है?
सरल प्लेसहोल्डर इमेज बनाएँ जो अपने आयाम (जैसे 640×360) या आपका अपना लेबल दिखाती हैं, 1 से 4000 पिक्सेल तक किसी भी आकार में। पृष्ठभूमि और टेक्स्ट के रंग चुनें और PNG, JPEG, WebP या SVG के रूप में निर्यात करें। इमेज लोकली बनती हैं, इसलिए आप किसी प्लेसहोल्डर वेब सेवा पर निर्भर नहीं रहते।
प्लेसहोल्डर इमेज जनरेटर का उपयोग कैसे करें
- चौड़ाई (px) और ऊँचाई (px) पिक्सेल में दर्ज करें।
- पृष्ठभूमि और टेक्स्ट का रंग चुनें, और लेबल टाइप करें या आकार दिखाने के लिए उसे खाली छोड़ दें।
- फ़ॉर्मेट चुनें।
- इमेज डाउनलोड करें या SVG कोड / data URI कॉपी करें।
उदाहरण
Width 300, Height 150, Background #cccccc, Text color #555555, Format SVG
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="150" viewBox="0 0 300 150"><rect width="100%" height="100%" fill="#cccccc"/><text x="50%" y="50%" fill="#555555" font-family="Arial, Helvetica, sans-serif" font-size="30" text-anchor="middle" dominant-baseline="central">300×150</text></svg>
प्लेसहोल्डर इमेज जनरेटर का उपयोग कब करें
वायरफ़्रेम, डिज़ाइन मॉकअप, रेस्पॉन्सिव लेआउट और इमेज कंपोनेंट की जाँच, और CMS या ई-कॉमर्स डेमो भरने के लिए इसका उपयोग करें। यथार्थवादी पूर्वावलोकन के लिए असली या स्टॉक फ़ोटो इस्तेमाल करें; लोडिंग के धुँधले प्लेसहोल्डर के लिए इसके बजाय असली इमेज का कम-रिज़ॉल्यूशन संस्करण इस्तेमाल करें।
प्लेसहोल्डर इमेज जनरेटर कैसे काम करता है
PNG, JPEG और WebP के लिए इमेज माँगे गए आकार के HTML canvas पर बनती है: एक भरी हुई आयत और बीच में Arial में लेबल, जिसका फ़ॉन्ट आकार छोटी भुजा का पाँचवाँ हिस्सा होता है (लंबे लेबल के लिए घटाया जाता है ताकि समा जाए), फिर canvas.toDataURL से निर्यात होती है। SVG के लिए टूल <rect> और बीच में रखे <text> एलिमेंट वाली छोटी वेक्टर फ़ाइल लिखता है, जो किसी भी ज़ूम पर तेज़ रहती है और आमतौर पर 400 बाइट से कम होती है।
सामान्य उपयोग मामले
- वायरफ़्रेम और प्रोटोटाइप में इमेज की जगहें भरना
- आस्पेक्ट रेशियो और रेस्पॉन्सिव इमेज CSS टेस्ट करना
- ऑनलाइन दुकान में डेमो प्रोडक्ट भरना
- छोटे SVG प्लेसहोल्डर को data URI के रूप में इनलाइन करना
अक्सर पूछे जाने वाले प्रश्न
मुझे कौन-सा फ़ॉर्मेट चुनना चाहिए?
सपाट प्लेसहोल्डर के लिए SVG सबसे छोटा और तेज़ है; जब रास्टर फ़ाइल ज़रूरी हो तो PNG सबसे अच्छा है; फ़ोटो पाइपलाइन टेस्ट करने के लिए JPEG और WebP उपयोगी हैं।
क्या मैं इन इमेज को हॉटलिंक कर सकता हूँ?
कोई होस्टिंग नहीं है। फ़ाइल डाउनलोड करें या data URI / SVG कोड सीधे अपने HTML या CSS में पेस्ट करें।
अधिकतम आकार क्या है?
4000 × 4000 पिक्सेल। बहुत बड़ी PNG को आपके डिवाइस के अनुसार निर्यात में थोड़ा समय लग सकता है।