प्लेसहोल्डर इमेज जनरेटर
किसी भी साइज़ की प्लेसहोल्डर इमेज बनाएँ — SVG, PNG या सीधे पेस्ट होने वाला data URI।
प्लेसहोल्डर इमेज जनरेटर पूरी तरह आपके ब्राउज़र में चलता है: SVG आपके डिवाइस पर बनता और raster होता है, कुछ भी अपलोड नहीं होता।
Open Graph जनरेटर खोलें
प्लेसहोल्डर इमेज जनरेटर के बारे में
प्लेसहोल्डर सर्विस उस लेआउट के बीच में नेटवर्क रिक्वेस्ट डाल देती हैं जिसे आप अभी डिज़ाइन ही कर रहे हैं, और उनसे भरा पेज धीमा, ऑफ़लाइन बेकार और किसी तीसरी सर्विस के भरोसे हो जाता है। वही ग्रे बॉक्स लोकल बनाने से यह निर्भरता पूरी तरह हट जाती है: नतीजा एक SVG है जिसे आप सेव कर सकते हैं, PNG में बदल सकते हैं, या बिना किसी रिक्वेस्ट के data URI की तरह पेस्ट कर सकते हैं। साइज़ वही कवर करती हैं जो असल में काम आती हैं — सोशल कार्ड, ऐड यूनिट, एवतार, हीरो बैनर — और लेबल डिफ़ॉल्ट में डाइमेंशन दिखाता है, जो ग्रिड डीबग करते समय ठीक वही चाहिए होता है।
विशेषताएँ
- कोई भी चौड़ाई और ऊँचाई, सोशल, ऐड और सामान्य प्रीसेट के साथ
- अपना बैकग्राउंड और टेक्स्ट कलर, पढ़ने लायक डिफ़ॉल्ट के साथ
- लेबल में डाइमेंशन या आपका अपना टेक्स्ट
- कॉर्नर रेडियस और वायरफ्रेम वाला डायगनल क्रॉस
- SVG डाउनलोड या पूरे रिज़ॉल्यूशन पर PNG
- data URI जो ऑफ़लाइन चलता है और कोई रिक्वेस्ट नहीं लेता
प्लेसहोल्डर इमेज जनरेटर का उपयोग कैसे करें
- चौड़ाई और ऊँचाई डालें या कोई प्रीसेट चुनें
- रंग और लेबल चुनें, या डाइमेंशन को ऐसे ही रहने दें
- data URI कॉपी करें या SVG या PNG डाउनलोड करें
- HTML, CSS या JSX स्निपेट अपने लेआउट में पेस्ट करें
उदाहरण
इनपुट
1200 × 630 · #e5e7eb background
आउटपुट
<img src="data:image/svg+xml,%3Csvg…" width="1200" height="630" alt="" />
Open Graph कार्ड का प्लेसहोल्डर data URI की तरह: कोई रिक्वेस्ट नहीं, कोई डाउनटाइम नहीं, ऑफ़लाइन भी वही दिखता है।
सामान्य त्रुटियाँ और समस्या निवारण
- data URI स्टाइलशीट बिगाड़ देता है। — इसे url() के अंदर डबल कोट्स में रखें, जैसा यहाँ का CSS स्निपेट करता है।
- रेटिना स्क्रीन पर PNG धुँधला दिखता है। — इसे डिस्प्ले साइज़ के दोगुने पर बनाएँ: यह ठीक उतने ही पिक्सेल पर बनता है जितना आप लिखते हैं।
अक्सर पूछे जाने वाले प्रश्न
- एक तय साइज़ की प्लेसहोल्डर इमेज कैसे बनाएँ?
- ऊपर चौड़ाई और ऊँचाई लिखें, इमेज तुरंत बन जाती है। इसे SVG या PNG के रूप में डाउनलोड करें या data URI कॉपी करें।
- सर्विस के बजाय data URI क्यों इस्तेमाल करें?
- यह हर इमेज की एक रिक्वेस्ट बचाता है, ऑफ़लाइन चलता है और किसी बाहरी सर्विस के डाउन होने या लिमिट लगाने पर टूटता नहीं।
- प्लेसहोल्डर के लिए SVG या PNG?
- स्क्रीन के लिए SVG: कुछ सौ बाइट्स और किसी भी साइज़ पर साफ। PNG तब जब कोई टूल ज़रूर raster इमेज माँगे।
- Open Graph इमेज कितनी बड़ी होनी चाहिए?
- 1200 बाय 630 पिक्सेल, जो यहाँ का प्रीसेट भी है: Facebook, LinkedIn और ज़्यादातर प्रीव्यू इसी अनुपात पर क्रॉप करते हैं।
संबंधित टूल
- BlurHash जनरेटर — धुँधले इमेज प्लेसहोल्डर एनकोड और डिकोड करें।
- App Icon Generator — एक इमेज को iOS, macOS और Android की हर app icon साइज़ में बदलें — आपके browser में जनरेट होकर ZIP के रूप में डाउनलोड।
- SVG से PNG कन्वर्टर — SVG मार्कअप या फ़ाइल को किसी भी स्केल पर एक कुरकुरे PNG या JPG में बदलें।
- इमेज ऑप्टिमाइज़र — इमेज को पुनः एन्कोड और छोटा करें (JPEG/WebP/PNG), वैकल्पिक रीसाइज़ के साथ।
- आस्पेक्ट रेशियो कैलकुलेटर — अनुपात सरल करें, लापता आयाम निकालें, CSS सहित।
- Open Graph जेनरेटर — सोशल कार्ड पूर्वावलोकन के साथ Open Graph और Twitter मेटा टैग जेनरेट करें।
सभी ArrayKit टूल