0

ओजी इमेज जेनरेटर - सोशल शेयर इमेज मेकर

एक शीर्षक, उपशीर्षक, पृष्ठभूमि और लोगो के साथ 1200×630 ओपन ग्राफ सोशल-शेयर छवि बनाएं, जिसे वास्तविक कैनवास पर लाइव प्रस्तुत किया जाए - फिर साफ पीएनजी डाउनलोड करने से पहले पूर्वावलोकन करें कि यह ट्विटर/एक्स, फेसबुक, लिंक्डइन और डिस्कॉर्ड लिंक कार्ड के अंदर कैसा दिखता है।

Buy Me a Coffee at ko-fi.com
प्रसंस्करण... 0%
छवि रचना
प्लेटफ़ॉर्म पूर्वावलोकन प्रस्तुत करना
हो गया

नतीजा

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

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

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

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