كم مرة انتهيت من إنجاز تصميم إعلاني تجاري مبهر بدقة خيالية، قضيت في تفريغ عناصره وضبط إضاءاته وتلوينه ساعات عمل طويلة ومضنية، وبمجرد أن قمت برفعه على صفحة العميل في فيسبوك أو حسابه على إنستجرام، فوجئت بأن الصورة تحولت فجأة إلى كتلة مشوشة ومبكسلة، أو تم اقتصاص النصوص الحيوية من الحواف العلوية والسفلية، أو بهتت درجات الألوان تماماً وكأن التصميم التقط بكاميرا هاتف اقتصادي قديم عفا عليه الزمن؟!
هذه المأساة التقنية اليومية لا تحدث بسبب ضعف مهارتك الإبداعية، بل بسبب «الفجوة الهندسية» بين ما تصممه داخل برنامج Adobe Photoshop وما تتوقعه وتفرضه خوارزميات المنصات الرقمية لعام 2026. كل منصة (ميتا، لينكد إن، تيك توك، إكس، يوتيوب) تمتلك محركات تصيير وضغط تلقائية شديدة القسوة؛ إذا أرسلت لها ملفاً بأبعاد عشوائية أو بحجم ملف مفرط، فإنها ستقوم بإعادة تحجيمه وضغطه بوحشية تدمر تفاصيلك الدقيقة وتطمس نصوصك الإعلانية.
لتفادي هذا الإحباط نهائياً وفرض هيبة تصميماتك بأعلى جودة ممكنة، نقدم لك في هذا المرجع الشامل لعام 2026 الدليل المحدث لكافة مقاسات المنصات، ونسب الأبعاد الذهبية، ومناطق الأمان الحيوية، مع فك شفرة أسرار خوارزميات التصدير في فوتوشوب.
قبل أن نتحدث عن المقاسات، دعنا ننسف إحدى أكبر الأساطير المنتشرة بين المصممين العرب:
السؤال الشائع: «هل يجب أن أضبط دقة ملف السوشيال ميديا على 300DPI حتى تطلع الصورة بجودة عالية بدلاً من 72DPI؟»
الإجابة العلمية القاطعة: إطلاقاً! هذا خلط تقني شائع لا أساس له من الصحة على الشاشات الرقمية!
التفسير الفيزيائي: مصطلح DPI (أو PPI) يعني «عدد النقاط في البوصة المربعة»، وهو معامل مخصص حصراً لماكينات الطباعة الورقية لتحديد كم نقطة حبر ستسقط على الورق. أما شاشات الكمبيوتر والهواتف الذكية، فهي لا تقرأ معامل DPI على الإطلاق؛ بل تقرأ فقط «إجمالي عدد البكسلات الإجمالية (Pixel Dimensions)»!
بعبارة أخرى: ملف بأبعاد 1080x1350 بكسل بدقة 72ppi متطابق تماماً في الحجم والبكسلات والنقاء بنسبة 100% مع ملف بأبعاد 1080x1350 بكسل بدقة 300ppi عند عرضه على شاشة أي هاتف أو متصفح ويب! الفارق الوحيد هو أن رفع الـ DPI إلى 300 قد يضخم حجم الملف الداخلي ويبطئ أداء فوتوشوب بلا أي فائدة بصرية تذكر للشاشات.
إليك الأبعاد الدقيقة التي يجب أن تحفظها وتبرمجها كقوالب ثابتة في برنامجك:
1. إنستجرام وفيسبوك (Meta Ecosystem)
المقاس الرأسي الذهبي (Vertical Feed Post - النسبة 4:5):
الأبعاد: 1080x1350 بكسل.
أين يُستخدم؟ هو الملك المتوج لمنشورات التغذية العادية والإعلانات الممولة.
لماذا هو الأفضل؟ يشغل مساحة أكبر بنسبة تقترب من 25% من شاشة الموبايل مقارنة بالمربع، مما يمنح إعلانك هيمنة بصرية ساحقة ويحجب منشورات المنافسين أثناء التمرير.
المقاس المربع الكلاسيكي (Square - النسبة 1:1):
الأبعاد: 1080x1080 بكسل.
أين يُستخدم؟ في منشورات الكاروسيل (Carousels) متعددة الشرائح والبوستات التفاعلية.
مقاس القصص والريلز (Stories & Reels - النسبة 9:16):
الأبعاد: 1080x1920 بكسل.
أين يُستخدم؟ في الستوري، والريلز، وإعلانات القصص بملء الشاشة الرأسية.
المقاس الأفقي للروابط (Landscape Link Ad - النسبة 1.91:1):
الأبعاد: 1200x628 بكسل.
أين يُستخدم؟ في إعلانات تحويلات المواقع على فيسبوك ديسكتوب ومقالات الويب.
غلاف صفحة فيسبوك التجارية (Facebook Page Cover):
الأبعاد الكلية: 820x312 بكسل لشاشات الديسكتوب، مع منطقة أمان مركزية 640x360 بكسل تضمن ظهور النصوص على شاشات الهواتف دون قص الجوانب.
2. شبكة لينكد إن (LinkedIn Business Platform)
منصة الأعمال المرموقة تتطلب دقة عالية لأن أغلب متصفحيها يستخدمون شاشات اللابتوب وشاشات سطح المكتب عالية الدقة:
المنشورات المصورة الفردية (Single Image Post): يفضل استخدام المقاس الرأسي 1080x1350 بكسل أو المربع 1200x1200 بكسل.
إعلانات المحتوى الممول ذات الروابط (Sponsored Content): 1200x628 بكسل بنسبة 1.91:1.
المستندات وشرائح الكاروسيل (LinkedIn Carousel Document): تصدر كملف PDF متعدد الصفحات بأبعاد 1080x1350 بكسل لكل صفحة للحصول على أعلى معدل تفاعل في المنصة لعام 2026، حيث يعاملها خوارزم لينكد إن كوثيقة قابلة للتمرير تضاعف وقت البقاء على المنشور (Dwell Time).
غلاف الحساب الشخصي (Personal Banner): 1584x396 بكسل.
غلاف صفحة الشركة (Company Cover): 1128x191 بكسل.
3. منصة تيك توك (TikTok Advertising)
الفيديوهات والتصميمات الإعلانية الرأسية: 1080x1920 بكسل بنسبة 9:16.
الصور الدوارة لتيك توك (TikTok Photo Carousel): 1080x1920 بكسل أو 1080x1440 بكسل بنسبة 3:4.
4. منصة إكس (Twitter / X)
التغريدات المصورة الفردية: 1600x900 بكسل (نسبة 16:9) أو المقاس المربع 1080x1080 بكسل.
غلاف الحساب (Profile Header): 1500x500 بكسل بنسبة 3:1.
5. منصة يوتيوب (YouTube)
الصورة المصغرة (Thumbnail): 1920x1080 بكسل بدقة Full HD ونسبة 16:9 (تجنب مقاس 1280x720 القديم لضمان نقاء الشاشات الحديثة).
بانر القناة (Channel Art Banner): 2560x1440 بكسل (مع التركيز الصارم على المنطقة الآمنة المركزية 1546x423 بكسل التي تظهر على كافة شاشات الهواتف وأجهزة التلفزيون الذكية).
أبعاد التصميم بمفردها لا تكفي، بل يجب أن تفهم أين تضع العناصر الحيوية داخل الكادر:
1. منطقة أمان شبكة إنستجرام للبوست الرأسي (Instagram Grid Safe Zone)
عندما تصمم بوست رأسي بمقاس 1080x1350 بكسل، تذكر دائماً أن بروفايل إنستجرام يقص الصورة في صفحة الحساب كـ مربع في المنتصف (1080x1080 بكسل):
اسحب خطاً إرشادياً أفقياً عند مسافة 135 بكسل من الأعلى، وخطاً آخر عند مسافة 135 بكسل من الأسفل.
ضع الشعار، والعنوان الرئيسي، والمنتج، وزر الشراء داخل المربع المركزي الآمن (1080x1080).
اترك الـ 135 بكسل العلوية والسفلية للخلفيات والمؤثرات فقط حتى يظل بروفايل عميلك متناسقاً ولا يتم قص رأس المنتج أو نصوصه!
2. مناطق أمان الستوري والتيك توك (9:16 Safe Zones)
في شاشات تيك توك وريلز إنستجرام، تقوم واجهة التطبيق بتغطية أجزاء كبيرة من الشاشة بعناصر تفاعلية:
المنطقة العلوية: محجوزة لاسم الحساب، وشريط التقدم (اترك مسافة أمان علوية لا تقل عن 220 بكسل فارغة من أي نصوص).
المنطقة السفلية: محجوزة لكابشن الفيديو، واسم المسار الصوتي، وزر الدعوة للإجراء (اترك مسافة أمان سفلية لا تقل عن 350 بكسل إلى 400 بكسل خالية تماماً).
الجانب الأيمن: محجوز لأزرار الإعجاب، والتعليقات، وإعادة النشر (اترك هامش أمان جانبي 120 بكسل).
أي نص تضعه في هذه المناطق المحظورة سيختفي تحت أزرار التطبيق ويستحيل على المستخدم قراءته!
منشورات الكاروسيل المتصلة (حيث يمتد العنصر أو الصورة عبر شريحتين متجاورتين) تحقق أعلى نسب حفظ ومشاركة على إنستجرام ولينكد إن في عام 2026:
كيف تصمم كاروسيل متصل احترافي في فوتوشوب؟
1حساب العرض الكلي: إذا كنت تصمم كاروسيل من 5 شرائح رأسية (كل شريحة 1080x1350 بكسل):
اضرب العرض 1080 في 5 = 5400 بكسل.
افتح مساحة عمل واحدة عريضة بأبعاد: العرض 5400 بكسل والارتفاع 1350 بكسل.
2تقسيم الشرائح بالخطوط الإرشادية:
اذهب إلى: View > New Guide Layout.
اختر 5 أعمدة (Columns) بدون هوامش فاصلة (Gutter = 0).
سيقوم فوتوشوب برسم خطوط إرشادية تقسم اللوحة إلى 5 شرائح متساوية بدقة ميكرون.
3توزيع العناصر المتصلة: ضع المنتجات والعناصر البصرية لتمر عبر الخط الفاصل بين شريحة وأخرى بنصفين متصلين، مما يخلق فضولاً حركياً يجبر المستخدم على السحب للاطلاع على بقية المشهد.
4تقطيع وتصدير الشرائح:
اختر أداة التقطيع (Slice Tool)، واضغط على زر Slices From Guides في الشريط العلوي ليتم تحويل الخطوط الإرشادية لشرائح مقطعة رسمياً.
من قائمة File > Export > Save for Web (Legacy)، اختر حفظ كافة الشرائح دفعة واحدة بصيغة JPG بجودة 85%، وسيقوم فوتوشوب بتسميتها وترتيبها في مجلد واحد تلقائياً بالأرقام المتسلسلة من 1 إلى 5!
إليك المفاجأة التقنية الصادمة التي يكتشفها المصممون بعد سنوات من المعاناة:
عندما تختار حفظ الصورة بجودة 100% Maximum في فوتوشوب، ينتج ملف بحجم كبير (غالباً يتجاوز 2 إلى 4 ميجابايت).
خوارزميات سيرفرات Meta مبرمجة لتوفير استهلاك سعة النطاق لمليارات المستخدمين حول العالم. عندما تستقبل صورة بحجم يتجاوز 1 ميجابايت، يتدخل نظام ضغط آلي عدواني (Aggressive Compression Algorithm) يقوم بإعادة ضغط بكسلات الصورة بقسوة لتخفيض حجمها إلى 300 كيلوبايت!
النتيجة الكارثية: هذا الضغط الآلي الجائر يدمر التدرجات اللونية، ويحدث تشويهاً مروعاً (Compression Artifacts) وبكسلة ضبابية واضحة حول الحروف والنصوص!
المعادلة الذهبية لتجاوز الضغط بنجاح:
اضبط الجودة على 80% إلى 85% في فوتوشوب!
لماذا؟ لأن جودة 85% تنتج ملفاً بوزن يتراوح بين 400 إلى 800 كيلوبايت؛ وهو وزن مثالي ومحسوب بدقة، يمر عبر سيرفرات فيسبوك وإنستجرام بسلاسة دون أن يتم تفعيل خوارزمية الضغط العدواني عليه! النتيجة هي أن تصميمك المحفوظ بجودة 85% سيظهر على الهاتف أكثر نقاءً وحدة وخالياً من البكسلة مقارنة بالملف المحفوظ بجودة 100%!
صيغة JPG:
الاستخدام المثالي: لجميع التصميمات الإعلانية المركبة، وصور المنتجات، والوجوه البشرية، والتدرجات اللونية الناعمة، والخلفيات المعقدة.
الميزة: تمنح أفضل توازن بين النقاء اللوني الفائق وصغر حجم الملف.
صيغة PNG-24:
الاستخدام المثالي: للتصميمات التي تحتوي على خلفيات شفافة، أو الشعارات المسطحة، أو التصميمات التي يغلب عليها نصوص ورسومات فيكتور واضحة ومساحات ألوان مصمتة مسطحة.
تحذير: تجنب حفظ التصميمات الفوتوغرافية المركبة بصيغة PNG لرفعها على فيسبوك؛ لأن حجم الملف سيتجاوز 5 ميجابايت مما سيفعل الضغط الإجباري المشوه فوراً!
اتبع هذه الخطوات الدقيقة في ختام كل مشروع:
1اذهب إلى القائمة العلوية: File > Export > Export As.
2في لوحة الإعدادات اليمنى:
Format: اختر JPG.
Quality: اكتب 85% أو اختر (Great).
Image Size: تأكد من مطابقة الأبعاد تماماً لمقاس الهدف (مثلاً: العرض 1080، والارتفاع 1350).
Resample (إعادة أخذ العينات): اختر Bicubic Sharper (reduction) إذا كنت تصغر صورة ذات دقة فائقة، للحفاظ على حدة الحواف والنصوص.
3في قسم Color Space بالأسفل (المرحلة الحاسمة لمنع بهتان الألوان):
Convert to sRGB: ضع علامة صح إجبارية.
Embed Color Profile: ضع علامة صح إجبارية.
4اضغط على زر Export، واحفظ ملفك النهائي في مجلد منظم.
المشكلة 1: العميل يرفع الصورة من واتساب فتصبح سيئة جداً ومبكسلة: تطبيق واتساب العادي يضغط الصور بنسبة تتجاوز 70%! انصح عميلك دائماً بإرسال واستقبال الصور كـ «مستند» (Document) بدلاً من صورة عادية، أو أرسل له مجلد Google Drive أو Dropbox منظم يحفظ جودة الملفات بنقاء 100% دون أي عبث بكسلي.
المشكلة 2: ظهور هالات رمادية حول النصوص ذات اللون الأحمر الفاقع: يحدث هذا بسبب ضغط قنوات الألوان في خوارزميات JPG (Chroma Subsampling 4:2:0). لتفادي ذلك، قلل إشباع اللون الأحمر قليلاً (من 100% إلى 90%) أو أضف إطاراً ناعماً بلون داكن حول النص ليعمل كحاجز عازل يمنع التشويه البصري.
المشكلة 3: الخط العربي الرفيع يبدو مهتزاً وضعيفاً: الشاشات الرقمية تكره الخطوط فائقة النحافة (Hairline / Thin). اعتمد دائماً أوزان الخطوط من Regular و Medium و SemiBold فما فوق لتظل الحروف متماسكة ومقروءة تحت أي ظرف إضاءة شاشة.
المشكلة 4: اختلاف ألوان الغلاف بين الديسكتوب والموبايل في فيسبوك ولينكد إن: احرص دائماً على تصميم الغلاف بأبعاد الشاشة الكبرى مع تمركز العناصر الهامة داخل مساحة الأمان المركزية، لتضمن أن الصورة تتكيف تلقائياً مع كافة مقاسات الأجهزة دون بتر أي حرف.
تجهيز هذه الملفات وحساب مناطق الأمان بالمسطرة لكل بوست إعلاني يهدر الكثير من وقت المصمم الثمين. لتسهيل حياتك اليومية، وفرنا لك داخل «Peter’s Master Creative Kit»:
حزمة القوالب الشبكية المبرمجة لعام 2026 (Ready Master PSD Templates): قوالب جاهزة بكافة مقاسات المنصات (4:5 و 9:16 و 1:1 و 16:9) مع خطوط إرشادية دقيقة لمناطق الأمان لا يمكن حذفها بالخطأ.
إعدادات تصدير مسبقة الضبط (Export Actions): ضغطة زر واحدة تقوم بتسطيح العمل، تحويله لمساحة sRGB، وتصديره بجودة 85% بحجم مثالي لا تشوبه شائبة.
محاكيات واجهات المنصات (Social Media UI Overlays): طبقات شفافة تمثل واجهات فيسبوك، وإنستجرام، وتيك توك تضعها فوق تصميمك بضغطة زر لترى فوراً ما إذا كانت أيقونة التعليقات أو صندوق التوقيت يغطي نصوصك المهمة قبل التصدير!
المصمم المحترف ليس من يبدع في الرسم فقط، بل من يفهم البيئة الرقمية التي سيعيش فيها تصميمه ويعرف كيف يحمي جودة عمله من تشوهات الخوارزميات.
اعتمد المقاس الرأسي الذهبي 4:5، احترم مناطق الأمان، صمم الكاروسيل بانسيابية، صدر بجودة 85% بمساحة sRGB، وثق بأن كل بوست تطلقه سيحتفظ ببريقه ونقائه الفائق على شاشات ملايين المستخدمين لعام 2026!
