प्लेसहोल्डर छवि जेनरेटर

रंग, कैप्शन, ग्रेडिएंट, पैटर्न, बॉर्डर और 30+ प्रीसेट के साथ किसी भी आकार में कस्टम प्लेसहोल्डर और डमी छवियां बनाएं। पीएनजी, जेपीजी, वेबपी या एसवीजी निर्यात करें, ज़िप को बैच-डाउनलोड करें, या डेटा यूआरआई, <img>, सीएसएस या मार्कडाउन स्निपेट कॉपी करें - मुफ़्त, कोई वॉटरमार्क नहीं, आपके ब्राउज़र में 100%।

एक मुफ़्त, उन्नत प्लेसहोल्डर छवि जनरेटर जो पूरी तरह से आपके ब्राउज़र में कस्टम डमी छवियां बनाता है। कोई भी आकार, रंग, कैप्शन और पृष्ठभूमि शैली सेट करें, 30+ सामाजिक/विज्ञापन/डिवाइस प्रीसेट का उपयोग करें, फिर पीएनजी, जेपीजी, वेबपी या एसवीजी निर्यात करें - या डेटा यूआरआई, <img> टैग, सीएसएस या मार्कडाउन स्निपेट कॉपी करें। कोई अपलोड नहीं, कोई दर सीमा नहीं, कोई वॉटरमार्क नहीं।

Share
वर्ग
छवि उपकरण
शामिल
10 विशेषताएं
पहुँच
मुक्त · कोई साइन-अप नहीं
गोपनीयता
आपके ब्राउज़र में चलता है
प्लेसहोल्डर छवि जेनरेटर

Calibrating Placeholder Studio......

Please wait a moment

सिंहावलोकन

प्लेसहोल्डर छवि जेनरेटर - कस्टम डमी छवियां, तुरंत

प्लेसहोल्डर इमेज जेनरेटर मॉकअप, वायरफ्रेम, प्रोटोटाइप और फ्रंट-एंड डेवलपमेंट के लिए कस्टम प्लेसहोल्डर और डमी इमेज बनाने के लिए एक मुफ़्त, उन्नत ऑनलाइन टूल है। कोई भी चौड़ाई और ऊंचाई टाइप करें, अपना रंग चुनें, एक लेबल जोड़ें, एक पृष्ठभूमि शैली चुनें, फिर एक स्पष्ट पीएनजी, जेपीजी, वेबपी या असीम-स्केलेबल एसवीजी निर्यात करें - या एक क्लिक में छवि को डेटा यूआरआई, एक <img> टैग, एक सीएसएस पृष्ठभूमि या मार्कडाउन के रूप में कॉपी करें। सब कुछ आपके ब्राउज़र में स्थानीय रूप से उत्पन्न होता है, इसलिए कोई दर सीमा नहीं है, कोई टूटा हुआ हॉटलिंक यूआरएल नहीं है और कुछ भी अपलोड नहीं किया गया है।

शामिल

विशेषताएँ

01
वैकल्पिक लॉक पहलू अनुपात के साथ कोई भी कस्टम चौड़ाई × ऊंचाई
02
30+ प्रीसेट: अवतार, सामाजिक पोस्ट, ओजी कार्ड, आईएबी विज्ञापन इकाइयाँ और उपकरण
03
पृष्ठभूमि: ठोस, ढाल, धारियाँ, ग्रिड, बिंदु, बिसात और शोर
04
कस्टम कैप्शन टेक्स्ट या स्वचालित पिक्सेल-आयाम लेबल
05
WCAG कंट्रास्ट चेकर के साथ फ़ॉन्ट परिवार, वजन, आकार और रंग
06
बॉर्डर की चौड़ाई/रंग और गोल कोने
07
पीएनजी, जेपीजी, वेबपी या स्केलेबल एसवीजी को 1×, 2× या 3× पर निर्यात करें
08
डेटा यूआरआई, <img> टैग, सीएसएस पृष्ठभूमि या मार्कडाउन के रूप में कॉपी करें
09
बैच मोड: एक साथ कई आकार प्रस्तुत करें और एक ज़िप डाउनलोड करें
10
100% क्लाइंट-साइड - कोई अपलोड नहीं, कोई दर सीमा नहीं, कोई वॉटरमार्क नहीं
का उपयोग कैसे करें

प्लेसहोल्डर छवि जेनरेटर का उपयोग कैसे करें

  1. 01

    आकार निर्धारित करें

    एक कस्टम चौड़ाई और ऊंचाई दर्ज करें, या इंस्टाग्राम पोस्ट, ओपन ग्राफ़ कार्ड या लीडरबोर्ड विज्ञापन जैसा प्रीसेट चुनें। आनुपातिक रूप से आकार बदलने के लिए पहलू अनुपात को लॉक करें।

  2. 02

    इसे स्टाइल करें

    पृष्ठभूमि रंग, ग्रेडिएंट या पैटर्न चुनें, बॉर्डर और कोने का दायरा सेट करें, फिर कैप्शन टेक्स्ट, फ़ॉन्ट, आकार और रंग को कस्टमाइज़ करें। कंट्रास्ट चेकर आपके लेबल को पढ़ने योग्य रखता है।

  3. 03

    लाइव पूर्वावलोकन करें

    जैसे ही आप सेटिंग्स में बदलाव करते हैं, प्लेसहोल्डर तुरंत अपडेट हो जाता है, और आपके चुने हुए निर्यात पैमाने पर आपको प्राप्त होने वाला सटीक आउटपुट दिखाता है।

  4. 04

    निर्यात करें या कॉपी करें

    1×–3× पर पीएनजी, जेपीजी, वेबपी या एसवीजी डाउनलोड करें, ज़िप के रूप में आकारों का एक सेट बैच-डाउनलोड करें, या सीधे अपने प्रोजेक्ट में पेस्ट करने के लिए डेटा यूआरआई, <img> टैग, सीएसएस पृष्ठभूमि या मार्कडाउन स्निपेट कॉपी करें।

मामलों का प्रयोग करें

सामान्य उपयोग के मामले

  • -डिज़ाइन करते समय मॉकअप, वायरफ़्रेम और प्रोटोटाइप को डमी छवियों से भरें।
  • -फ्रंट-एंड डेवलपमेंट के दौरान HTML/CSS लेआउट में इमेज स्लॉट आरक्षित करें।
  • -वास्तविक कला तैयार होने से पहले परीक्षण के लिए आकार के विज्ञापन क्रिएटिव और सोशल कार्ड तैयार करें।
  • -बिल्कुल सही आयामों के प्लेसहोल्डर्स के साथ एक प्रतिक्रियाशील गैलरी या ग्रिड भरें।
  • -लॉक-डाउन या एयर-गैप्ड नेटवर्क पर डेमो के लिए ऑफ़लाइन, बेस64 डेटा-यूआरआई प्लेसहोल्डर बनाएं।
  • -अविश्वसनीय प्लेसहोल्डर यूआरएल सेवाओं को बदलें जो दर-सीमा तय करती हैं, नीचे जाती हैं या आपके मॉकअप को लीक करती हैं।
मार्गदर्शक

विस्तृत मार्गदर्शिका

एक ग्रे बॉक्स से कहीं अधिक

क्लासिक "600 × 400" ग्रे आयत से आगे बढ़ें। ठोस रंग, चिकने ग्रेडिएंट, विकर्ण पट्टियाँ, ग्रिड, बिंदु, चेकरबोर्ड और सूक्ष्म शोर में से चुनें, एक बॉर्डर और गोल कोने जोड़ें, और कैप्शन टेक्स्ट, फ़ॉन्ट परिवार, वजन, आकार और रंग को स्वतंत्र रूप से नियंत्रित करें। प्रत्येक छवि पर सटीक पिक्सेल आकार अंकित करने के लिए ऑटो-आयाम लेबल चालू करें, या अपना स्वयं का पाठ लिखें। जब आपका टेक्स्ट और बैकग्राउंड WCAG पठनीयता में विफल हो जाता है, तो एक अंतर्निर्मित कंट्रास्ट चेकर आपको चेतावनी देता है, ताकि आपके प्लेसहोल्डर किसी भी डिज़ाइन में सुपाठ्य बने रहें।

प्रत्येक स्क्रीन, विज्ञापन और सामाजिक स्लॉट के लिए प्रीसेट

30+ तैयार आकारों के साथ अनुमान लगाना छोड़ें: अवतार और थंबनेल, इंस्टाग्राम, फेसबुक और एक्स/ट्विटर कवर के लिए वर्गाकार और पोर्ट्रेट पोस्ट, यूट्यूब थंबनेल, ओपन ग्राफ कार्ड, आईएबी विज्ञापन इकाइयां (लीडरबोर्ड, मध्यम आयत, गगनचुंबी इमारत, बिलबोर्ड), सामान्य डिवाइस रिज़ॉल्यूशन और प्रिंट-अनुकूल अनुपात। आकार बदलते समय पहलू अनुपात को लॉक करें, या आकारों के पूरे सेट को एक साथ प्रस्तुत करने और उन्हें ज़िप के रूप में एक साथ डाउनलोड करने के लिए बैच मोड पर स्विच करें - एक प्रतिक्रियाशील गैलरी या एक विज्ञापन-रचनात्मक किट को सेकंडों में भरने के लिए बिल्कुल सही।

डेवलपर्स और डिजाइनरों के लिए बनाया गया

जेनरेट किए गए प्लेसहोल्डर्स को सीधे अपने कोडबेस में छोड़ें। एक रेडी-टू-पेस्ट <img> टैग, एक पृष्ठभूमि-छवि सीएसएस नियम, एक मार्कडाउन छवि, या एक बेस 64 डेटा यूआरआई कॉपी करें जो बिना किसी बाहरी अनुरोध के ऑफ़लाइन काम करता है। किसी भी ज़ूम पर रेज़र-शार्प वैक्टर के लिए एसवीजी निर्यात करें, या रेटिना डिस्प्ले के लिए 1×, 2× या 3× पर पीएनजी/जेपीजी/वेबपी निर्यात करें। क्योंकि पूरा टूल क्लाइंट-साइड है, यह लॉक-डाउन नेटवर्क पर, फ़ायरवॉल के पीछे और ऑफ़लाइन काम करता है - प्लेसहोल्डर सेवाओं के लिए एक विश्वसनीय प्रतिस्थापन जो डाउन हो जाता है, रेट-लिमिट करता है, या आपके मॉकअप को तीसरे पक्ष के सर्वर पर लीक कर देता है।

अक्सर पूछे जाने वाले प्रश्न

अक्सर पूछे जाने वाले प्रश्नों

प्लेसहोल्डर छवि क्या है और मुझे इसका उपयोग कब करना चाहिए?+

प्लेसहोल्डर (या डमी) छवि एक स्टैंड-इन ग्राफ़िक है जो अंतिम कलाकृति तैयार होने से पहले एक छवि स्लॉट भरती है। डिज़ाइनर और डेवलपर सटीक सही आयामों के साथ स्थान आरक्षित करने के लिए मॉकअप, वायरफ्रेम, प्रोटोटाइप और HTML/CSS लेआउट में उनका उपयोग करते हैं, ताकि वास्तविक फ़ोटो अभी भी तैयार होने के दौरान एक डिज़ाइन या पेज पूर्ण दिखे।

क्या यह प्लेसहोल्डर छवि जनरेटर मुफ़्त और वॉटरमार्क-मुक्त है?+

हाँ। आपके द्वारा बनाई गई प्रत्येक छवि पूरी तरह से मुफ़्त, पूर्ण-रिज़ॉल्यूशन और वॉटरमार्क-मुक्त है, जिसमें कोई साइन-अप और कोई उपयोग सीमा नहीं है। चूँकि छवियाँ किसी सर्वर के बजाय आपके ब्राउज़र में प्रस्तुत की जाती हैं, इसलिए इसके लिए कोई भुगतान नहीं करना पड़ता है और न ही कोई दर सीमित होती है।

मैं कौन से छवि प्रारूप और रिज़ॉल्यूशन निर्यात कर सकता हूं?+

आप रेटिना डिस्प्ले के लिए पीएनजी, जेपीजी और वेबपी रैस्टर छवियों को 1×, 2× या 3× पर निर्यात कर सकते हैं, या एक एसवीजी जो किसी भी ज़ूम पर बहुत तेज रहता है। आप परिणाम को बेस64 डेटा यूआरआई, <img> टैग, सीएसएस पृष्ठभूमि-छवि नियम या मार्कडाउन के रूप में भी कॉपी कर सकते हैं।

क्या मैं कस्टम आकार और रंग सेट कर सकता हूँ?+

बिल्कुल। कोई भी चौड़ाई और ऊंचाई दर्ज करें (वैकल्पिक लॉक किए गए पहलू अनुपात के साथ), फिर अपना पृष्ठभूमि रंग, ग्रेडिएंट या पैटर्न, बॉर्डर, कोने की त्रिज्या और कैप्शन टेक्स्ट, फ़ॉन्ट, आकार और रंग चुनें। यदि पाठ और पृष्ठभूमि को पढ़ना कठिन है तो एक अंतर्निर्मित कंट्रास्ट चेकर आपको चेतावनी देता है।

क्या आपके पास सोशल मीडिया और विज्ञापनों के लिए प्रीसेट हैं?+

हां - अवतार और थंबनेल, इंस्टाग्राम, फेसबुक और एक्स/ट्विटर पोस्ट और कवर, यूट्यूब थंबनेल, ओपन ग्राफ कार्ड, आईएबी विज्ञापन इकाइयां (लीडरबोर्ड, मध्यम आयताकार, गगनचुंबी इमारत, बिलबोर्ड) और सामान्य डिवाइस रिज़ॉल्यूशन सहित 30+ प्रीसेट हैं। एक चुनें और आकार अपने आप भर जाएगा।

क्या मैं एक साथ कई आकार उत्पन्न कर सकता हूँ?+

हाँ। बैच मोड पर स्विच करें, आपके लिए आवश्यक आकार चुनें, और टूल उन सभी को आपकी वर्तमान शैली के साथ प्रस्तुत करता है, फिर आपको पूरे सेट को ज़िप के रूप में एक साथ डाउनलोड करने देता है - उत्तरदायी गैलरी और विज्ञापन-रचनात्मक किट के लिए आदर्श।

मैं अपने HTML या CSS में प्लेसहोल्डर छवि कैसे जोड़ूँ?+

छवि बनाएं, फिर रेडी-टू-पेस्ट <img> टैग या सीएसएस पृष्ठभूमि-छवि नियम प्राप्त करने के लिए कॉपी बटन का उपयोग करें। पूरी तरह से स्व-निहित, ऑफ़लाइन प्लेसहोल्डर के लिए, बेस64 डेटा यूआरआई की प्रतिलिपि बनाएँ - यह बिना किसी बाहरी अनुरोध के छवि को सीधे आपके कोड में एम्बेड करता है।

क्या मेरा डेटा कहीं अपलोड किया गया है?+

नहीं, संपूर्ण टूल HTML कैनवास और एसवीजी का उपयोग करके आपके ब्राउज़र में क्लाइंट-साइड चलाता है - कोई भी चित्र, टेक्स्ट या सेटिंग्स कभी भी सर्वर पर नहीं भेजी जाती हैं। यह प्लेसहोल्डर URL सेवाओं के विपरीत, लॉक-डाउन या ऑफ़लाइन नेटवर्क पर भी इसे तेज़, निजी और विश्वसनीय बनाता है।

संबंधित उपकरण

संबंधित उपकरण