OG ইমেজ জেনারেটর
একটি শিরোনাম ও উপশিরোনাম টাইপ করুন, একটি একরঙা বা গ্রেডিয়েন্ট পটভূমি এবং একটি ঐচ্ছিক লোগো URL বেছে নিন, 1200x630 সোশ্যাল কার্ডের লাইভ প্রিভিউ দেখুন এবং এটি PNG হিসেবে ডাউনলোড করুন।
OG ইমেজ জেনারেটর — Facebook, X/Twitter, LinkedIn বা Slack-এ আপনার পেজ শেয়ার করার সময় যে 1200x630 Open Graph ইমেজটি দেখা যায় সেটি তৈরি করুন। একটি শিরোনাম ও উপশিরোনাম লিখুন, একরঙা বা দুই-রঙের গ্রেডিয়েন্ট পটভূমি বেছে নিন, টেক্সটের রং ও সারিবদ্ধতা সেট করুন এবং ঐচ্ছিকভাবে একটি লোগো URL নির্দেশ করুন। টাইপ করার সাথে সাথে একটি লাইভ প্রিভিউ পুনরায় আঁকা হয় এবং আপনি সম্পূর্ণ কার্ডটি PNG হিসেবে ডাউনলোড করতে পারেন। ইমেজটি সম্পূর্ণভাবে আপনার ব্রাউজারের একটি canvas-এ আঁকা হয়, তাই আপনার টেক্সট ও রং কখনও আপনার ডিভাইস ছেড়ে যায় না।
OG ইমেজ জেনারেটর কী?
OG ইমেজ জেনারেটর হলো স্ট্যান্ডার্ড 1200x630 পিক্সেল আকারে সোশ্যাল শেয়ার কার্ড (Open Graph / Twitter Card ইমেজ) তৈরির জন্য একটি বিনামূল্যের ইন-ব্রাউজার টুল। মার্কেটার, ব্লগার, ইন্ডি ডেভেলপার এবং যে কেউ একটি ল্যান্ডিং পেজ প্রকাশ করছেন তারা কোনো ডিজাইন অ্যাপ না খুলেই একটি পরিচ্ছন্ন প্রিভিউ থাম্বনেইল বানাতে এটি ব্যবহার করেন। আপনি হেডলাইন ও একটি ঐচ্ছিক উপশিরোনাম টাইপ করেন, একরঙা বা একটি কর্ণ গ্রেডিয়েন্ট বেছে নেন, টেক্সটের রং এবং বাম বা কেন্দ্রীভূত সারিবদ্ধতা সেট করেন এবং কোণায় একটি ব্র্যান্ড চিহ্ন চাইলে একটি লোগো URL পেস্ট করেন। canvas লাইভ পুনরায় আঁকা হয় যাতে আপনি শব্দচয়ন ও রং সূক্ষ্মভাবে ঠিক করতে পারেন, তারপর আপনার og:image মেটা ট্যাগে উল্লেখ করার জন্য প্রস্তুত একটি PNG রপ্তানি করুন।
OG ইমেজ জেনারেটর কীভাবে ব্যবহার করবেন
- শিরোনাম ফিল্ডে আপনার শিরোনাম টাইপ করুন; এটি বড় ও বোল্ড করে আঁকা হয় এবং সর্বোচ্চ তিন লাইন পর্যন্ত মুড়ে যায়।
- শিরোনামের নিচে একটি ঐচ্ছিক উপশিরোনাম যোগ করুন, অথবা শুধু হেডলাইন দেখাতে এটি খালি রাখুন।
- একরঙা বা গ্রেডিয়েন্ট পটভূমি বেছে নিতে, পটভূমি ও টেক্সটের রং সেট করতে এবং বাম বা কেন্দ্রীভূত সারিবদ্ধতা বেছে নিতে সেটিংস খুলুন।
- টেক্সটের উপরে একটি লোগো বসাতে ঐচ্ছিকভাবে একটি লোগো ইমেজ URL (একটি CORS-সক্ষম ইমেজ) পেস্ট করুন।
- 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 আনা হয়, এবং সেই অনুরোধটি সরাসরি আপনার ব্রাউজার থেকে আপনার বেছে নেওয়া হোস্টে যায়।
সম্পর্কিত টুল
কোড থেকে ইমেজ
আপনার ব্রাউজারেই একটি কোড স্নিপেটকে সিনট্যাক্স-হাইলাইট করা ইমেজে রূপান্তর করুন — ২০+ ভাষা, কাস্টম থিম ও পটভূমি, লাইন নম্বর এবং PNG বা SVG এক্সপোর্ট সহ।
রঙের কনট্রাস্ট চেকার
টেক্সট ও ব্যাকগ্রাউন্ড রঙের মধ্যে WCAG 2.1 কনট্রাস্ট ও APCA Lc স্কোর যাচাই করুন, AA, AAA ও 3:1 ব্যাজ দেখুন এবং নিকটতম উত্তীর্ণ রঙ প্রয়োগ করুন।
কালার মিক্সার
RGB বা Lab কালার স্পেসে আপনার বেছে নেওয়া অনুপাতে দুটি HEX রং মেশান এবং ফলস্বরূপ মধ্যবর্তী রংটি একটি সোয়াচ ও কপি করার যোগ্য HEX মান হিসেবে পড়ুন।
কালার শেডস জেনারেটর
একটি বেস HEX রঙকে সমন্বয়যোগ্য ধাপ, প্রতি-ধাপ WCAG কনট্রাস্ট ইঙ্গিত এবং CSS, Tailwind ও JSON এক্সপোর্টসহ OKLCH, HSL বা RGB স্কেলে রূপান্তর করুন।