प्लेसहोल्डर इमेज जनरेटर

सोशल, विज्ञापन और थंबनेल के प्रीसेट आकारों में प्लेसहोल्डर इमेज बनाएं — ग्रेडिएंट या रैंडम फिल, विकर्ण या ग्रिड पैटर्न, बहु-पंक्ति लेबल और @2x एक्सपोर्ट के साथ।

टूल लोड हो रहा है…

प्लेसहोल्डर इमेज जनरेटर — सोशल, विज्ञापन और थंबनेल के सामान्य प्रीसेट में से आकार चुनें या अपना दर्ज करें, ठोस, ग्रेडिएंट या रैंडम रूप से बना बैकग्राउंड चुनें, और उस पर विकर्ण या ग्रिड पैटर्न लगाएं। अपनी फ़ॉन्ट फ़ैमिली, वज़न और आकार के साथ कहीं भी रखा जा सकने वाला बहु-पंक्ति लेबल जोड़ें, फिर PNG, JPG, WebP या SVG के रूप में एक्सपोर्ट करें — रेटिना स्क्रीन के लिए वैकल्पिक @2x के साथ। सब कुछ आपके ब्राउज़र में canvas और SVG API से बनता है, इसलिए आपके द्वारा दर्ज कुछ भी सर्वर पर अपलोड नहीं होता।

प्लेसहोल्डर इमेज जनरेटर क्या है?

प्लेसहोल्डर इमेज जनरेटर उन डिज़ाइनरों और फ्रंट-एंड डेवलपरों के लिए एक मुफ़्त इन-ब्राउज़र टूल है जिन्हें लेआउट, मॉकअप, विज्ञापन और कंपोनेंट लाइब्रेरी बनाते समय फिलर ग्राफ़िक चाहिए। किसी प्रीसेट से शुरू करें जैसे Instagram पोस्ट, YouTube थंबनेल, OG कार्ड, या 728×90 लीडरबोर्ड जैसा विज्ञापन स्थान, या सटीक पिक्सेल आयाम टाइप करें। बैकग्राउंड को एक रंग, दो-रंगों वाले विकर्ण ग्रेडिएंट या रैंडम पैलेट के रूप में स्टाइल करें, विकर्ण या ग्रिड पैटर्न जोड़ें, और बहु-पंक्ति लेबल को नौ स्थितियों में से किसी एक में sans, serif या monospace फ़ॉन्ट के साथ रखें। कोने में चौड़ाई और ऊँचाई अंकित करने के लिए डायमेंशन ओवरले चालू करें, और PNG, JPG, WebP या कॉपी-योग्य SVG के रूप में एक्सपोर्ट करें, रास्टर फ़ॉर्मैट के लिए वैकल्पिक @2x रेटिना स्केल के साथ।

प्लेसहोल्डर इमेज जनरेटर का उपयोग कैसे करें

  1. एक प्रीसेट आकार चुनें (सोशल, थंबनेल या विज्ञापन) या पिक्सेल में सटीक चौड़ाई और ऊँचाई टाइप करें।
  2. बैकग्राउंड सेट करने के लिए सेटिंग्स खोलें: ठोस, दो-रंग का ग्रेडिएंट, या सुरक्षित रैंडम रंगों के लिए रैंडम पर क्लिक करें।
  3. वैकल्पिक रूप से विकर्ण या ग्रिड पैटर्न लगाएं और डायमेंशन ओवरले चालू करें।
  4. एक लेबल टाइप करें — बहु-पंक्ति टेक्स्ट के लिए नई पंक्तियों का उपयोग करें — फिर उसकी स्थिति, फ़ॉन्ट फ़ैमिली, वज़न और आकार सेट करें।
  5. PNG, JPG, WebP या SVG चुनें, और रेटिना रास्टर एक्सपोर्ट के लिए @2x सक्षम करें।
  6. लाइव प्रीव्यू जाँचें और डाउनलोड पर क्लिक करें (SVG के लिए आप मार्कअप भी कॉपी कर सकते हैं)।

उदाहरण

1080×1080 Instagram पोस्ट

Instagram Post प्रीसेट चुनें, दो-रंग का ग्रेडिएंट बैकग्राउंड सेट करें, बोल्ड दो-पंक्ति लेबल को केंद्र में रखें, और फ़ीड मॉकअप के लिए तैयार PNG डाउनलोड करें।

728×90 लीडरबोर्ड विज्ञापन

Ad Leaderboard प्रीसेट चुनें, ग्रिड पैटर्न और चालू डायमेंशन ओवरले के साथ ठोस ग्रे बैकग्राउंड रखें, और विज्ञापन स्थान के लिए WebP फिलर एक्सपोर्ट करें।

रेटिना YouTube थंबनेल

YouTube Thumbnail प्रीसेट (1280×720) चुनें, @2x एक्सपोर्ट सक्षम करें, और 2560×1440 PNG डाउनलोड करें जो उच्च-घनत्व स्क्रीन पर स्पष्ट रहे।

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

कौन-से प्रीसेट आकार शामिल हैं?
सोशल आकार (Instagram पोस्ट, पोर्ट्रेट और स्टोरी, Facebook कवर, X पोस्ट और हेडर, LinkedIn बैनर, YouTube थंबनेल, OG कार्ड) और मानक विज्ञापन इकाइयाँ (leaderboard, medium rectangle, wide skyscraper, billboard)। चौड़ाई और ऊँचाई भरने के लिए एक चुनें, या कोई भी कस्टम आकार दर्ज करें।
बैकग्राउंड और पैटर्न विकल्प कैसे काम करते हैं?
बैकग्राउंड एक रंग, दो-रंग का विकर्ण ग्रेडिएंट, या रैंडम बटन से रैंडम पैलेट हो सकता है, जो आपके ब्राउज़र के सुरक्षित रैंडम जनरेटर का उपयोग करता है। ऊपर आप टेक्स्ट रंग में बने विकर्ण-रेखा या ग्रिड पैटर्न को लगा सकते हैं।
क्या लेबल कई पंक्तियों में हो सकता है और पुनः स्थित हो सकता है?
हाँ। बहु-पंक्ति टेक्स्ट के लिए लेबल बॉक्स में नई पंक्तियाँ टाइप करें, ब्लॉक को नौ स्थितियों में से किसी एक (ऊपर/मध्य/नीचे × बाएँ/केंद्र/दाएँ) में रखें, और सामान्य या बोल्ड वज़न तथा स्वचालित या निश्चित आकार के साथ sans, serif या monospace फ़ॉन्ट चुनें। आयाम स्वतः मुद्रित करने के लिए लेबल खाली छोड़ें।
@2x एक्सपोर्ट क्या करता है?
रास्टर फ़ॉर्मैट (PNG, JPG, WebP) के लिए यह कैनवास को दोगुने पिक्सेल आयामों पर रेंडर करता है ताकि फ़ाइल रेटिना और उच्च-DPI डिस्प्ले पर स्पष्ट रहे। SVG पहले से ही रिज़ॉल्यूशन-स्वतंत्र है, इसलिए इस पर @2x लागू नहीं होता।
क्या मेरी इमेज या टेक्स्ट कहीं अपलोड होते हैं?
नहीं। हर प्लेसहोल्डर पूरी तरह आपके ब्राउज़र में canvas और SVG API से बनता है, और डाउनलोड स्थानीय रूप से होता है — आपके द्वारा टाइप या जनरेट किया कुछ भी सर्वर पर नहीं भेजा जाता, इसलिए यह ऑफ़लाइन काम करता है और आपके काम को निजी रखता है।

संबंधित टूल

कोड से इमेज

अपने ब्राउज़र में ही किसी कोड स्निपेट को सिंटैक्स-हाइलाइट की गई इमेज में बदलें — 20+ भाषाओं, कस्टम थीम व पृष्ठभूमियों, लाइन नंबरों और PNG या SVG निर्यात के साथ।

रंग कंट्रास्ट चेकर

टेक्स्ट और बैकग्राउंड रंग के बीच WCAG 2.1 कंट्रास्ट और APCA Lc स्कोर जाँचें, AA, AAA और 3:1 बैज देखें और निकटतम पास होने वाला रंग लागू करें।

कलर मिक्सर

RGB या Lab कलर स्पेस में चुने गए अनुपात पर दो HEX रंगों को मिलाएँ और परिणामी मध्य रंग को एक स्वैच और कॉपी करने योग्य HEX मान के रूप में पढ़ें।

कलर शेड्स जेनरेटर

एक बेस HEX रंग को समायोज्य चरणों, प्रति-चरण WCAG कंट्रास्ट संकेतों और CSS, Tailwind व JSON निर्यात के साथ OKLCH, HSL या RGB स्केल में बदलें।