الحجم القياسي لـ OG image هو 1200×630 بكسل بنسبة أبعاد 1.91:1. استخدم هذا الحجم الواحد وستظهر معاينات روابطك بشكل صحيح على Facebook وX (Twitter) وLinkedIn وSlack وDiscord وWhatsApp وTelegram.
هذه هي الإجابة المختصرة. بقية هذا الدليل تغطي التفاصيل التي يتعثر فيها الناس فعلًا: الأبعاد لكل منصة، والمنطقة الآمنة للنص، وحدود حجم الملف، ووسوم الميتا التي تخبر كل منصة بمكان صورتك.
الحجم الواحد الذي يعمل في كل مكان
إن كنت ستتذكر رقمًا واحدًا فقط، فليكن هذا:
| الخاصية | القيمة الموصى بها |
|---|---|
| الأبعاد | 1200 × 630 px |
| نسبة الأبعاد | 1.91:1 |
| الصيغة | PNG أو JPG |
| حجم الملف | أقل من 1 MB (الحدود القصوى أعلى، لكن الملف الأصغر يُحمَّل أسرع) |
| URL | رابط HTTPS مطلق |
كل منصة كبرى إما تستخدم النسبة 1.91:1 أصلًا أو تقتصّ منها بسلاسة. التصميم على مقاس 1200×630 بالضبط يعني إنشاء صورة واحدة لكل صفحة بدلًا من خمس.
حجم OG image حسب المنصة
تختلف المنصات قليلًا في ما تفضّله وما تفرضه:
| المنصة | الحجم الموصى به | ملاحظات |
|---|---|---|
| 1200 × 630 | الحد الأدنى 200×200؛ الصور الأصغر من 600×315 تظهر كصورة مصغّرة بدل البطاقة الكبيرة | |
| X (Twitter) | 1200 × 630 | بطاقات summary_large_image تُقتصّ باتجاه 2:1 — أبقِ المحتوى المهم في المنتصف |
| 1200 × 627 | 1.91:1؛ عمليًا نفس صورة Facebook | |
| Discord | 1200 × 630 | يستخدم og:image لتضمينات الروابط الكبيرة |
| Slack | 1200 × 630 | معاينات الروابط تقرأ وسوم Open Graph مباشرة |
| 1200 × 630 | أبقِ الملف صغيرًا (أقل بكثير من 300 KB) وإلا فقد لا تظهر المعاينة | |
| Telegram | 1200 × 630 | يقرأ og:image؛ ويخزّن مؤقتًا بشراسة |
| 1000 × 1500 | الاستثناء — تفضّل الدبابيس النسبة العمودية 2:3، فاستخدم هناك صورًا مخصصة لـ Pinterest |
الخلاصة: باستثناء Pinterest، صورة واحدة بمقاس 1200×630 تغطي كل شيء.
المنطقة الآمنة: أين يجب أن يبقى نصك
تقتصّ كل منصة بطريقة مختلفة — يميل X نحو 2:1، وبعض تخطيطات الجوال تقصّ الحواف. لإبقاء عنوانك مقروءًا في كل مكان:
- أبقِ كل النصوص والشعارات داخل المنطقة المركزية 1120 × 560 (هامش يقارب 5% من كل جانب).
- افترض أن الحواف الخارجية قد تُقتصّ — لا تضع محتوى مهمًا ملاصقًا للحافة أبدًا.
- اختبر بعنوان حقيقي وبالحجم الحقيقي: النص الذي يبدو جيدًا في أداة التصميم كثيرًا ما يكون أصغر من اللازم بمقياس الخلاصة. كقاعدة عملية، أبقِ العناوين عند 48px أو أكبر على لوحة 1200×630.
تتضمن قوالبنا المجانية هذه الهوامش أصلًا، فيبقى كل ما تكتبه داخل المنطقة الآمنة.
حجم الملف والصيغة والدقة
- الصيغة: PNG للرسوم الغنية بالنصوص (حواف حادة)، وJPG للخلفيات الفوتوغرافية. تعمل WebP على المنصات الكبرى الآن، لكن PNG/JPG تبقيان الخيار الأسلم للتطبيقات الأقل شيوعًا.
- حجم الملف: يسمح Facebook بما يصل إلى 8 MB وX حتى 5 MB — لكن الزواحف تتوقف عند المهلة مع الصور البطيئة. البقاء تحت 1 MB (وتحت 300 KB لموثوقية WhatsApp) هو الهدف العملي.
- الدقة: 1200×630 بمعدل 1x تكفي. المضاعفة إلى 2400×1260 لشاشات Retina نادرًا ما تحسّن العرض في الخلاصة وتضاعف حجم الملف.
وسوم الميتا التي تجعل كل شيء يعمل
الأبعاد نصف المهمة فقط — تعثر المنصات على صورتك عبر وسوم ميتا Open Graph داخل <head> صفحتك:
<meta property="og:image" content="https://example.com/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Launch day: v2.0 — changelog" />
<meta name="twitter:card" content="summary_large_image" />ثلاث تفاصيل أهم مما تبدو:
og:imageيجب أن يكون رابط HTTPS مطلقًا — المسارات النسبية تفشل بصمت لدى معظم الزواحف.og:image:widthوog:image:heightيتيحان للمنصات حجز المساحة الصحيحة قبل تنزيل الصورة، فتُعرض أول مشاركة كبطاقة كاملة بدل بطاقة فارغة.twitter:cardبقيمةsummary_large_imageهو ما يرقّي معاينات X من مربع صغير إلى بطاقة بعرض كامل.
أخطاء شائعة (وإصلاحات سريعة)
- الصورة أصغر من 600×315. يخفّضها Facebook إلى صورة مصغّرة جانبية ضئيلة. صدّرها بمقاس 1200×630.
- النص ملاصق للحواف. اقتصاص X يقطعه. أبقِ النص في المنطقة الآمنة المركزية.
- المعاينة تعرض صورة قديمة. تخزّن المنصات مؤقتًا بشراسة — راجع دليلنا حول معاينة صور OG وتحديثها لمعرفة الحل.
- الرابط نسبي أو خلف تسجيل دخول. لا تستطيع الزواحف جلب
/images/og.pngولا أي شيء يتطلب تسجيل الدخول. استخدم رابطًا مطلقًا متاحًا للعموم. - صورة عامة واحدة للموقع كله. الصفحات ذات صور OG المحددة وذات الصلة تكسب نقرات أكثر باستمرار من بطاقة شعار مُعاد استخدامها.
أنشئ OG image بالحجم الصحيح في ثوانٍ
يمكنك إعداد لوحة رسم بمقاس 1200×630 وأدلة المنطقة الآمنة وإعدادات تصدير بنفسك — أو تخطي هذا الإعداد كليًا. مولّد OG image المجاني لدينا يبدأ من قوالب مضبوطة مسبقًا على 1200×630 (و1500×500 لأغلفة X)، ويُبقي نصك داخل المنطقة الآمنة، ويصدّر ملف PNG محسّنًا جاهزًا لوسوم الميتا لديك. بلا تسجيل ولا علامة مائية.
الأسئلة الشائعة
ما أفضل حجم لـ OG image؟
1200×630 بكسل (نسبة أبعاد 1.91:1). تُعرض كبطاقة كبيرة على Facebook وX وLinkedIn وSlack وDiscord وWhatsApp وTelegram دون نسخ إضافية.
ما الحد الأدنى لحجم OG image؟
يقبل Facebook صورًا حتى 200×200، لكن أي شيء دون 600×315 يفقد تخطيط البطاقة الكبيرة. اعتبر 600×315 الحد الأدنى العملي — و1200×630 الهدف.
هل أحتاج إلى صورة مختلفة لـ X (Twitter)؟
عادةً لا. صورة 1200×630 بمحتوى في المنتصف تعمل مع بطاقات summary_large_image. أضف صورًا خاصة بـ X فقط إذا كان تصميمك يضع محتوى مهمًا قرب الحافة العلوية أو السفلية.
هل تؤثر OG image على SEO؟
لا تؤثر على الترتيب مباشرة — لكنها تؤثر بقوة على نسبة النقر عند مشاركة رابطك، والانتشار الاجتماعي يغذّي الاكتشاف. المعاينة الواضحة التي تحمل علامتك التجارية من أرخص وسائل رفع CTR المتاحة.
