مقاسات الصور للمواقع والبريد الإلكتروني ووسائل التواصل الاجتماعي
جدول مرجعي لأبعاد البكسل والنسب لصفحات الويب ومعاينات الروابط والبريد الإلكتروني وكل منصة تواصل رئيسية.
رفع صورة بمقاس خاطئ يعني إما نتيجة ضبابية، أو قص جزء من الموضوع، أو صفحة بطيئة التحميل. يجمع هذا المرجع الأبعاد التي تعمل في 2026، مع شرح المنطق وراءها حتى تتخذ قرارات معقولة عندما تغيّر إحدى المنصات قواعدها.
مبدآن
طابق حجم العرض، مع مراعاة الشاشات عالية الكثافة. معظم الهواتف والحواسيب المحمولة اليوم لها شاشات فيها بكسلان أو ثلاثة بكسلات فعلية لكل بكسل CSS. الصورة المعروضة بعرض 600 بكسل CSS يجب أن يكون عرضها 1,200 بكسل لتبدو حادة. وتجاوز 2× يزيد حجم الملف دون فائدة مرئية.
اضبط نسبة العرض إلى الارتفاع قبل عدد البكسلات. المنصات تقص الصور تلقائيًا إلى النسبة التي تفضلها، والقص التلقائي يقطع الرؤوس والشعارات. قص الصورة إلى النسبة بنفسك باستخدام أداة قص الصورة، ثم غيّر حجمها باستخدام أداة تغيير الحجم.
صور المواقع
| الاستخدام | العرض | النسبة | حجم الملف المستهدف |
|---|---|---|---|
| صورة رئيسية بعرض الصفحة كاملًا | 1,920 px (و2,560 للشاشات الكبيرة جدًا) | 16:9 أو 21:9 | أقل من 300 KB بصيغة WebP |
| صورة محتوى أو مدونة | من 1,200 إلى 1,600 px | 3:2 أو 16:9 | أقل من 150 KB |
| صورة مصغرة لبطاقة أو شبكة | من 600 إلى 800 px | موحدة في الشبكة كلها | أقل من 60 KB |
| صورة منتج | من 1,200 إلى 2,000 px | 1:1 أو 4:5 | أقل من 200 KB، وأكبر إذا كان هناك تكبير |
| شعار (نقطي) | ضعف حجم عرضه 2× | كما صُمم | PNG أو SVG |
| Open Graph أو معاينة الرابط | 1,200 × 630 px | 1.91:1 | أقل من 300 KB، بصيغة JPG أو PNG |
| أيقونة الموقع (favicon) | 16 و32 و48 و64 px في ملف .ico واحد | 1:1 | صغير جدًا |
| Apple touch icon | 180 × 180 px | 1:1 | PNG |
البريد الإلكتروني
تعرض برامج البريد الرسائل بعرض ثابت، عادة من 600 إلى 640 بكسل لنص الرسالة. قدّم الصور بعرض 1,200 px (ضعف العرض لشاشات retina)، وأبقِ الرسالة كلها أقل من 1 MB تقريبًا، فالرسائل الأثقل يقتطعها Gmail وتفتح ببطء على الهاتف. استخدم JPG أو PNG، فدعم WebP في برامج البريد لا يزال غير متسق. وGIF مناسبة للحركة البسيطة.
وسائل التواصل الاجتماعي
| المنصة | الموضع | المقاس | النسبة |
|---|---|---|---|
| الخلاصة، عمودي (أفضل وصول) | 1,080 × 1,350 | 4:5 | |
| الخلاصة، مربع | 1,080 × 1,080 | 1:1 | |
| Stories أو غلاف Reels | 1,080 × 1,920 | 9:16 | |
| صورة الملف الشخصي | 320 × 320 (تُعرض داخل دائرة) | 1:1 | |
| صورة في الخلاصة | 1,200 × 630 أو 1,080 × 1,350 | 1.91:1 أو 4:5 | |
| غلاف الصفحة | 1,640 × 856 | يُعرض بمقاس 820 × 312 على الكمبيوتر | |
| صورة المنشور | 1,200 × 627 | 1.91:1 | |
| لافتة الشركة | 1,128 × 191 | نحو 5.9:1 | |
| X (Twitter) | صورة المنشور | 1,600 × 900 | 16:9 |
| X (Twitter) | صورة الرأس | 1,500 × 500 | 3:1 |
| YouTube | الصورة المصغرة | 1,280 × 720 | 16:9، أقل من 2 MB |
| YouTube | لافتة القناة | 2,560 × 1,440 (المنطقة الآمنة 1,546 × 423) | 16:9 |
| TikTok | غلاف الفيديو | 1,080 × 1,920 | 9:16 |
| Pin | 1,000 × 1,500 | 2:3 | |
| WhatsApp / Telegram | صورة الملف الشخصي | 640 × 640 | 1:1 |
كل منصات التواصل تعيد ضغط الصور المرفوعة، عادة إلى JPG بجودة 75 إلى 80 تقريبًا. ارفع الصور بجودة عالية (JPG بجودة 90 أو PNG) وبالأبعاد المذكورة أعلاه بالضبط، ودع المنصة تجري الضغط النهائي مرة واحدة بدلًا من تكديس ضغطك فوق ضغطها. ولمعاينة المنشور قبل نشره، استخدم محاكاة منشور وسائل التواصل.
الطباعة، لاستكمال الصورة
تُقاس الطباعة بعدد البكسلات لكل بوصة، لا بإجمالي البكسلات. المعيار هو 300 ppi: صورة بمقاس 6 × 4 بوصات تحتاج إلى 1,800 × 1,200 px، وصفحة A4 تحتاج إلى 2,480 × 3,508 px، وملصق A3 إلى 3,508 × 4,961 px. أي دقة أقل من 150 ppi ستبدو ناعمة وغير حادة بوضوح عند الطباعة. قدّم JPG بجودة 95 أو صيغة بدون فقدان.
طريقة عمل سريعة
- قص الصورة إلى النسبة التي تطلبها الوجهة.
- غيّر الحجم إلى العرض المذكور في الجدول، ولا تتجاوز أبدًا ضعف حجم العرض 2×.
- صدّر بصيغة WebP للمواقع، وJPG للبريد ووسائل التواصل، وPNG للرسومات ذات الشفافية.
- تحقق من حجم الملف، فإذا تجاوز الهدف فاخفض الجودة بضع درجات بدلًا من تصغير الأبعاد.
يمكن إنجاز الخطوات الأربع كلها على هذا الموقع دون رفع الصورة إلى أي مكان.