مفت اوپن گراف تصویر جنریٹر

آسانی سے شاندار OG تصاویر، ٹویٹر/X ہیڈرز، اور مزید صرف چند کلکس میں بنائیں—کسی ڈیزائن کی مہارت کی ضرورت نہیں۔ PNG (ترجیحی)، JPEG، یا WebP فارمیٹس کا استعمال کرکے ٹویٹر، فیس بک، اور لنکڈ ان جیسے سوشل میڈیا پلیٹ فارمز پر بہترین ڈسپلے کو یقینی بنائیں۔ آٹومیشن کی ضرورت ہے؟ ہماری طاقتور API کا استعمال کرتے ہوئے اوپن گراف تصاویر کو فوری طور پر بنائیں۔

Choose a template

ٹیمپلیٹ خصوصیات
خصوصیات کو تبدیل کرکے اپنی تصویر کو اپنی مرضی کے مطابق بنائیں۔
پس منظر
اپنی تصویر کے لیے ایک حسب ضرورت پس منظر سیٹ کریں۔
گریڈینٹ سمت
گرڈ اوورلے
0.15
Preview
اوپن گراف کے لیے بہترین تصویری فارمیٹس
سوشل میڈیا شیئرنگ کے لیے بہترین تصویر فارمیٹ منتخب کریں۔
  • PNG: متن اور لوگو کے لیے اعلی معیار فراہم کرتا ہے۔
  • JPEG: تصاویر اور پیچیدہ رنگوں والی تصاویر کے لیے بہترین۔
  • WebP: ایک جدید فارمیٹ جو اعلی معیار کو برقرار رکھتے ہوئے بہترین کمپریشن فراہم کرتا ہے۔
تصویر ڈاؤن لوڈ کریں
اپنی تصویر کو PNG، JPEG، یا WebP فارمیٹ میں ایکسپورٹ کریں۔

ٹویٹر، فیس بک، اور لنکڈ ان جیسے پلیٹ فارمز پر اوپن گراف (OG) تصویر کے بہترین ڈسپلے کے لیے، PNG (ترجیحی)، JPEG، یا WebP فارمیٹس کا استعمال کرنے کی سفارش کی جاتی ہے۔

API انٹیگریشن
ہماری API کا استعمال کرتے ہوئے اوپن گراف تصاویر کو فوری طور پر بنائیں۔

درخواست کے جسم کو JSON یا cURL کمانڈ کے طور پر کاپی کریں۔

اوپن گراف تصاویر شامل کرنا آسان بنا دیا گیا

صرف چند منٹوں میں اپنی ویب سائٹ پر سوشل میڈیا پیش نظارہ تصاویر کو آسانی سے شامل کریں۔ نیچے دیے گئے اپنی پسندیدہ طریقہ کار کا انتخاب کریں—خواہ HTML استعمال کر رہے ہوں یا Next.js ایپ روٹر۔

1. تصویر محفوظ کریں

اپنی بنائی ہوئی OG تصویر کو اپنی ویب سائٹ کی روٹ ڈائریکٹری میں og.png کے طور پر محفوظ کریں۔

2.بنائیں اور HTML ہیڈ میں اوپن گراف ٹیگ شامل کریں

<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />

<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />

<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />

یقینی بنائیں کہ yourdomain.com کو آپ کے اصل ڈومین نام سے تبدیل کریں۔

ماہر کے مشورے

  • ہمیشہ بیک اپ تصاویر رکھیں اگر OG تصویر لوڈ نہ ہو۔
  • اپنی OG تصاویر کو ٹیسٹ کرنے کے لیے سوشل میڈیا ڈیبگنگ ٹولز استعمال کریں۔
  • رسائی کو بہتر بنانے کے لیے معنی خیز alt متن شامل کریں۔
  • اکثر اپ ڈیٹ ہونے والے مواد کے لیے متحرک OG تصاویر کا انتخاب کریں۔