OG इमेज जनरेटर

एक शीर्षक और उपशीर्षक टाइप करें, एक ठोस या ग्रेडिएंट पृष्ठभूमि और एक वैकल्पिक लोगो URL चुनें, 1200x630 सोशल कार्ड का लाइव पूर्वावलोकन देखें, और इसे PNG के रूप में डाउनलोड करें।

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

OG इमेज जनरेटरवह 1200x630 Open Graph इमेज बनाएं जो आपके पेज को Facebook, X/Twitter, LinkedIn या Slack पर साझा करने पर दिखती है। एक शीर्षक और उपशीर्षक दर्ज करें, एक ठोस या दो-रंग वाली ग्रेडिएंट पृष्ठभूमि चुनें, टेक्स्ट का रंग और संरेखण सेट करें, और वैकल्पिक रूप से एक लोगो URL की ओर इशारा करें। टाइप करते ही एक लाइव पूर्वावलोकन फिर से बनता है और आप तैयार कार्ड को PNG के रूप में डाउनलोड कर सकते हैं। इमेज पूरी तरह से आपके ब्राउज़र में एक canvas पर बनाई जाती है, इसलिए आपका टेक्स्ट और रंग आपके डिवाइस को कभी नहीं छोड़ते।

OG इमेज जनरेटर क्या है?

OG इमेज जनरेटर मानक 1200x630 पिक्सेल आकार में सोशल शेयर कार्ड (Open Graph / Twitter Card इमेज) बनाने के लिए एक मुफ़्त इन-ब्राउज़र टूल है। मार्केटर, ब्लॉगर, इंडी डेवलपर और कोई भी जो लैंडिंग पेज लॉन्च कर रहा है, इसका उपयोग किसी डिज़ाइन ऐप को खोले बिना एक साफ़-सुथरा पूर्वावलोकन थंबनेल बनाने के लिए करते हैं। आप हेडलाइन और एक वैकल्पिक उपशीर्षक टाइप करते हैं, एक ठोस रंग या एक विकर्ण ग्रेडिएंट चुनते हैं, टेक्स्ट का रंग और बायाँ या केंद्रित संरेखण सेट करते हैं, और यदि आप कोने में एक ब्रांड चिह्न चाहते हैं तो एक लोगो URL पेस्ट करते हैं। canvas लाइव फिर से बनता है ताकि आप शब्दावली और रंगों को ठीक कर सकें, फिर अपने og:image मेटा टैग में संदर्भ देने के लिए तैयार एक PNG निर्यात करें।

OG इमेज जनरेटर का उपयोग कैसे करें

  1. शीर्षक फ़ील्ड में अपना शीर्षक टाइप करें; इसे बड़ा और बोल्ड बनाया जाता है और यह अधिकतम तीन पंक्तियों तक लपेटता है।
  2. शीर्षक के नीचे एक वैकल्पिक उपशीर्षक जोड़ें, या केवल हेडलाइन दिखाने के लिए इसे खाली छोड़ दें।
  3. ठोस या ग्रेडिएंट पृष्ठभूमि चुनने, पृष्ठभूमि और टेक्स्ट के रंग सेट करने, और बायाँ या केंद्रित संरेखण चुनने के लिए सेटिंग्स खोलें।
  4. टेक्स्ट के ऊपर एक लोगो रखने के लिए वैकल्पिक रूप से एक लोगो इमेज URL (एक CORS-सक्षम इमेज) पेस्ट करें।
  5. 1200x630 पूर्वावलोकन को लाइव अपडेट होते देखें, इसे बड़ा करने के लिए क्लिक करें, फिर कार्ड को PNG के रूप में डाउनलोड करें।

उदाहरण

ब्लॉग पोस्ट शेयर कार्ड

लेख की हेडलाइन को शीर्षक के रूप में और लेखक या साइट के नाम को उपशीर्षक के रूप में टाइप करें, अपने ब्रांड से मेल खाता एक ग्रेडिएंट चुनें, और पोस्ट के og:image के रूप में उपयोग करने के लिए एक 1200x630 PNG डाउनलोड करें।

प्रोडक्ट लॉन्च बैनर

हर सोशल चैनल के लिए एक सुसंगत लॉन्च कार्ड बनाने हेतु एक ठोस ब्रांड रंग, केंद्रित संरेखण, अपनी टैगलाइन को शीर्षक के रूप में, और कोने में एक लोगो URL का उपयोग करें।

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

उत्पन्न इमेज का आकार क्या है?
हमेशा 1200x630 पिक्सेल, मानक Open Graph और Twitter summary-large-image पहलू अनुपात (लगभग 1.91:1)। यह आकार Facebook, X/Twitter, LinkedIn, Slack और Discord के लिंक पूर्वावलोकन में स्पष्ट रूप से दिखता है।
मैं अपना खुद का लोगो कैसे जोड़ूं?
लोगो URL फ़ील्ड में किसी लोगो इमेज का सीधा URL पेस्ट करें। इमेज उस URL से प्राप्त की जाती है और उसके पहलू अनुपात को बनाए रखते हुए एक निश्चित ऊँचाई पर टेक्स्ट के ऊपर बनाई जाती है। स्रोत को क्रॉस-ओरिजिन उपयोग (CORS) की अनुमति देनी होगी, अन्यथा ब्राउज़र इसे canvas पर बनाने से रोक देगा।
क्या मैं रंगों और लेआउट को नियंत्रित कर सकता हूँ?
हाँ। सेटिंग्स में आप एक ठोस पृष्ठभूमि और दो-रंग वाले विकर्ण ग्रेडिएंट के बीच स्विच कर सकते हैं, पृष्ठभूमि का रंग (रंगों) और टेक्स्ट का रंग सेट कर सकते हैं, और बायाँ या केंद्रित संरेखण चुन सकते हैं। शीर्षक और उपशीर्षक स्वचालित रूप से लपेटते हैं और लंबे टेक्स्ट को एलिप्सिस के साथ काटा जाता है।
क्या मेरा टेक्स्ट या इमेज कहीं अपलोड होती है?
नहीं। कार्ड पूरी तरह से आपके ब्राउज़र में एक HTML canvas पर बनाया जाता है और स्थानीय रूप से PNG में निर्यात किया जाता है। आपका शीर्षक, उपशीर्षक और रंग कभी भी किसी सर्वर पर नहीं भेजे जाते। केवल आपके द्वारा प्रदान किया गया एक लोगो URL प्राप्त किया जाता है, और वह अनुरोध सीधे आपके ब्राउज़र से आपके चुने हुए होस्ट पर जाता है।

संबंधित टूल

कोड से इमेज

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

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

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

कलर मिक्सर

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

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

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