مولّد صور OG

اكتب عنوانًا وعنوانًا فرعيًا، واختر خلفية بلون واحد أو متدرّجة وعنوان URL اختياريًا للشعار، وعاين بطاقة التواصل الاجتماعي بمقاس 1200x630 مباشرةً، ونزّلها بصيغة PNG.

جارٍ تحميل الأداة…

مولّد صور OG — أنشئ صورة Open Graph بمقاس 1200x630 التي تظهر عند مشاركة صفحتك على Facebook أو X/Twitter أو LinkedIn أو Slack. أدخل عنوانًا وعنوانًا فرعيًا، واختر خلفية بلون واحد أو تدرّجًا بلونين، واضبط لون النص ومحاذاته، ويمكنك اختياريًا الإشارة إلى عنوان URL لشعار. تُعاد المعاينة الحيّة رسمها أثناء الكتابة، ويمكنك تنزيل البطاقة النهائية بصيغة PNG. تُرسم الصورة بالكامل على canvas داخل متصفحك، لذا لا يغادر نصك وألوانك جهازك أبدًا.

ما هي مولّد صور OG؟

مولّد صور OG أداة مجانية تعمل داخل المتصفح لإنشاء بطاقات المشاركة الاجتماعية (صور Open Graph / Twitter Card) بالمقاس القياسي 1200x630 بكسل. يستخدمه المسوّقون والمدوّنون والمطوّرون المستقلون وكل من يطلق صفحة هبوط لصنع صورة مصغّرة نظيفة للمعاينة دون فتح تطبيق تصميم. تكتب العنوان الرئيسي وعنوانًا فرعيًا اختياريًا، وتختار لونًا واحدًا أو تدرّجًا قطريًا، وتضبط لون النص والمحاذاة إلى اليسار أو في الوسط، وتلصق عنوان URL لشعار إذا أردت علامة تجارية في الزاوية. يُعاد رسم canvas مباشرةً لتضبط الصياغة والألوان، ثم تصدّر ملف PNG جاهزًا للإشارة إليه في وسم og:image الوصفي.

كيفية استخدام مولّد صور OG

  1. اكتب عنوانك في حقل العنوان؛ يُرسم كبيرًا وعريضًا ويلتفّ على ما يصل إلى ثلاثة أسطر.
  2. أضف عنوانًا فرعيًا اختياريًا أسفل العنوان، أو اتركه فارغًا لعرض العنوان الرئيسي فقط.
  3. افتح الإعدادات لاختيار خلفية بلون واحد أو متدرّجة، وضبط ألوان الخلفية والنص، واختيار المحاذاة إلى اليسار أو في الوسط.
  4. الصق اختياريًا عنوان URL لصورة شعار (صورة مفعّلة لـ CORS) لوضع شعار فوق النص.
  5. راقب تحديث المعاينة بمقاس 1200x630 مباشرةً، وانقر عليها لتكبيرها، ثم نزّل البطاقة بصيغة PNG.

أمثلة

بطاقة مشاركة لمقال مدوّنة

اكتب عنوان المقال كعنوان واسم الكاتب أو الموقع كعنوان فرعي، واختر تدرّجًا يلائم علامتك التجارية، ونزّل ملف PNG بمقاس 1200x630 لاستخدامه كـ og:image للمقال.

لافتة إطلاق منتج

استخدم لون علامة تجارية واحدًا، ومحاذاة في الوسط، وشعارك التسويقي كعنوان، وعنوان URL لشعار في الزاوية لإنتاج بطاقة إطلاق متناسقة عبر كل قنوات التواصل الاجتماعي.

الأسئلة الشائعة

ما حجم الصورة المُنشأة؟
دائمًا 1200x630 بكسل، وهي نسبة العرض القياسية لـ Open Graph و Twitter summary-large-image (نحو 1.91:1). يظهر هذا المقاس واضحًا في معاينات الروابط على Facebook و X/Twitter و LinkedIn و Slack و Discord.
كيف أضيف شعاري الخاص؟
الصق عنوان URL مباشرًا لصورة شعار في حقل عنوان URL للشعار. تُجلب الصورة من ذلك العنوان وتُرسم فوق النص بارتفاع ثابت مع الحفاظ على نسبة أبعادها. يجب أن يسمح المصدر بالاستخدام عبر الأصول (CORS) وإلا منع المتصفح رسمها على canvas.
هل يمكنني التحكم في الألوان والتخطيط؟
نعم. في الإعدادات يمكنك التبديل بين خلفية بلون واحد وتدرّج قطري بلونين، وضبط لون (ألوان) الخلفية ولون النص، واختيار المحاذاة إلى اليسار أو في الوسط. يلتفّ العنوان والعنوان الفرعي تلقائيًا، ويُقتطع النص الطويل بعلامة حذف.
هل يُرفع نصي أو صورتي إلى أي مكان؟
لا. تُرسم البطاقة بالكامل على canvas من نوع HTML داخل متصفحك وتُصدَّر إلى PNG محليًا. لا تُرسل عنوانك وعنوانك الفرعي وألوانك إلى أي خادم أبدًا. يُجلب فقط عنوان URL للشعار الذي تقدّمه، ويذهب ذلك الطلب مباشرةً من متصفحك إلى المضيف الذي اخترته.

أدوات ذات صلة

تحويل الكود إلى صورة

حوّل مقتطف كود إلى صورة بإبراز لتركيب الجملة داخل متصفحك، مع أكثر من 20 لغة وسمات وخلفيات مخصّصة وأرقام أسطر وتصدير PNG أو SVG.

أداة فحص تباين الألوان

افحص تباين WCAG 2.1 ودرجة APCA Lc بين لون النص ولون الخلفية، وشاهد شارات AA وAAA و3:1، وطبّق أقرب لون ناجح.

خالط الألوان

امزج لونين بصيغة HEX بنسبة تختارها في فضاء RGB أو Lab، واقرأ اللون الوسطي الناتج كعينة وقيمة HEX قابلة للنسخ.

مولّد درجات الألوان

حوّل لونًا أساسيًا واحدًا بصيغة HEX إلى مقياس OKLCH أو HSL أو RGB بخطوات قابلة للتعديل، وتلميحات تباين WCAG لكل خطوة، وتصدير إلى CSS وTailwind وJSON.