OG चित्र जनरेटर — सोशल शेयर चित्र निर्माता

ओपन ग्राफ़ चित्र वह तस्वीर है जो किसी लिंक को चैट, ट्वीट या Slack चैनल में चिपकाने पर दिखती है — और इसे दिखाने वाला हर प्लैटफ़ॉर्म लगभग 1200×630 पिक्सल के कैनवस की अपेक्षा करता है, वही आकार जिसके इर्द-गिर्द Facebook का og:image और Twitter का summary_large_image कार्ड दोनों डिज़ाइन किए गए थे। आकार गलत हुआ तो चित्र कटा, धुँधला या दबा हुआ निकलता है; ख़ाका गलत हुआ तो शीर्षक व्यस्त फ़ोटो के सामने अपठनीय धारी जैसा लगता है। यह टूल Canvas 2D API का उपयोग करके चित्र को वास्तविक लक्ष्य रिज़ॉल्यूशन पर रचता है, इसलिए पूर्वावलोकन में आप जो देखते हैं वही पिक्सल ग्रिड PNG में निर्यात होता है।

कोई पृष्ठभूमि चुनें — एक सपाट रंग, आपकी चुनी दो रंगों से बनी दो-बिंदु रेखीय ढाल, या कोई अपलोड की गई फ़ोटो जो 1200×630 फ़्रेम को पूरा भरने के लिए वैसे ही काटी जाएगी जैसे CSS background-size: cover करता है, अनुपात बिगाड़कर खींची नहीं जाएगी। एक शीर्षक और वैकल्पिक उपशीर्षक लिखें: दोनों को कैनवस के अपने फ़ॉन्ट मापदंडों के हिसाब से अक्षर दर अक्षर नापा जाता है, ताकि जो शीर्षक एक पंक्ति में आने के लिए बहुत लंबा है वह किनारे से बाहर छलकने या अदृश्य रूप से कटने के बजाय किसी वास्तविक शब्द सीमा पर दूसरी या तीसरी पंक्ति में चला जाए। केंद्र या बायाँ संरेखण चुनें, कोई ऐसा टेक्स्ट रंग चुनें जो आपकी पृष्ठभूमि पर पढ़ा जा सके, और किसी वैकल्पिक लोगो को एक निश्चित, पठनीय आकार में कोने पर रखें।

कैनवस के नीचे चार छोटे कार्ड मोटे तौर पर दर्शाते हैं कि तैयार चित्र कैसा लगता है जब कोई वास्तविक प्लैटफ़ॉर्म इसे अपने फ़्रेम में लपेटता है: Twitter/X का कार्ड चित्र के नीचे बिना विवरण पंक्ति के सिर्फ़ डोमेन और एक गाढ़ा शीर्षक दिखाता है, Facebook शीर्षक-और-विवरण खंड के ऊपर बड़े अक्षरों वाली डोमेन पट्टी जोड़ता है, LinkedIn डोमेन को शीर्षक के नीचे बिना किसी विवरण के रखता है, और Discord का एम्बेड अपनी डार्क थीम में डोमेन, शीर्षक और विवरण को चित्र के ऊपर रखता है। ये योजना बनाने के लिए शैलीबद्ध अनुमान हैं — स्पष्ट रूप से व्याख्यात्मक बताए गए हैं, जिनमें डोमेन पंक्ति आप खुद लिखते हैं — न कि वास्तविक प्लैटफ़ॉर्मों का कोई सजीव फ़ेच या स्क्रीनशॉट, क्योंकि असली कार्ड तब बनता है जब आप लिंक साझा करते हैं और हर प्लैटफ़ॉर्म का अपना क्रॉलर आपके पेज के वास्तविक og:image और og:title मेटा टैग पढ़ता है।

सब कुछ आपके ब्राउज़र में एक HTML कैनवस तत्व पर स्थानीय रूप से रेंडर होता है: शीर्षक, उपशीर्षक, अपलोड की गई पृष्ठभूमि और लोगो कभी आपके उपकरण से बाहर नहीं जाते, और निर्यात की गई फ़ाइल एक साफ़ canvas.toBlob() PNG होती है जिसमें सिर्फ़ वही होता है जो आपने रचा — कोई नकली बॉर्डर, बनावटी ब्राउज़र बार या प्लैटफ़ॉर्म लोगो डाउनलोड की गई छवि में नहीं जुड़ता। अगर आपको निर्यात की गई PNG को बाद में आकार बदलने या बदलने की ज़रूरत हो, तो इस साइट के चित्र आकार बदलने और चित्र परिवर्तक टूल वहीं से शुरू होते हैं जहाँ यह टूल छोड़ता है।