الانتقال إلى المحتوى
المرجع

ورقة مرجعية سريعة لأحجام الصور في ووردبريس

المرجع الحاسم لأحجام الصور في ووردبريس: كل حجم مُسجَّل وأبعاده الحقيقية، وأيّها يقتصّ بشكل صارم (hard-crop)، وعتبة -scaled عند 2560px، وأحجام WooCommerce، وما الذي يجب رفعه لكل غرض.

شاهدها على صورتك الخاصة — افتح Image Size Lab

المقاسات الأساسية

مسجَّلة في كل تثبيت افتراضي لـ WordPress.

الاسم المقاس الاقتصاص قابل للتعديل من لوحة التحكم؟
thumbnail 150 × 150 اقتصاص صارم Settings → Media
medium 300 × 300 احتواء Settings → Media
medium_large 768w احتواء بدون واجهة
large 1024 × 1024 احتواء Settings → Media
1536x1536 1536 × 1536 احتواء بدون واجهة
2048x2048 2048 × 2048 احتواء بدون واجهة

medium_large (768w) والمقاسان عاليا الدقة (retina) ليس لهما أي واجهة إدارة على الإطلاق — لن تعرف بوجودهما من لوحة التحكم. وأي رفع يتجاوز 2560px على حافته الأطول يحصل أيضًا على نسخة -scaled، يقدّمها WordPress بعد ذلك بدلًا من ملفك الأصلي.

مقاسات WooCommerce

تُضاف عند تفعيل WooCommerce. اضبطها من Appearance → Customize → WooCommerce → Product Images. تغيّرت القيم الافتراضية بين إصدارات Woo، لذا اعتبرها إرشادية وتحقق من تثبيتك الخاص.

woocommerce_thumbnail 300 × 300 اقتصاص صارم
woocommerce_single 600w
woocommerce_gallery_thumbnail 100 × 100 اقتصاص صارم

ما الذي ينبغي رفعه فعليًا

إرشادات حسب الغرض — ليست مقاسات مسجَّلة، بل مجرد أبعاد مصدر منطقية.

الصورة البارزة 1200 × 630

تغطي نسبة المشاركة الاجتماعية وتُصغَّر بنظافة للاستخدام داخل القالب. الخيار الافتراضي الأكثر أمانًا على الإطلاق.

صورة رئيسية بعرض كامل 1920 × 1080

عريضة بما يكفي للشاشات الكبيرة، ودون عتبة 2560px الخاصة بـ -scaled بحيث يُقدَّم ملفك الأصلي كما هو.

صورة داخل المحتوى 1200 wide

تطابق نطاق medium_large / large الذي تعرضه معظم القوالب فعليًا.

الشعار 512 × 512

اجعله أكبر مما تعرضه؛ فـ WordPress يُصغّر بنظافة، لكنه لا يُكبّر أبدًا.

أيقونة الموقع (favicon) 512 × 512

يتطلب WordPress حدًا أدنى 512 × 512 ويقتصّها إلى مربع.

صورة اجتماعية / OG 1200 × 630

نسبة 1.91:1 التي تتوقعها Facebook وLinkedIn وX. لن يُنشئ WordPress هذه النسبة؛ وإضافة SEO لديك تختار أقرب مقاس.

الأخطاء الشائعة، وسببها الحقيقي

الصورة تبدو مشوّشة بعد الرفع

السبب: كانت صورتك تتجاوز 2560px على حافتها الأطول، لذا أنشأ WordPress نسخة "-scaled" ويقدّمها بدلًا من ملفك الأصلي.

الحل: عطّل big_image_size_threshold أو ارفع قيمته، أو ارفع صورة دون 2560px.

مقاس thumbnail يقتطع الرؤوس

السبب: يقتصّ thumbnail بشكل صارم إلى مربع 150 × 150 افتراضيًا، مقتصًّا من المنتصف — وأي شيء خارج المركز يُقتطع.

الحل: ارفع الصورة مع توسيط الموضوع، أو سجّل مقاسًا مخصصًا باقتصاص مختلف.

مجلد الرفع (uploads) ضخم جدًا

السبب: يخزّن WordPress ملفًا واحدًا لكل مقاس مسجَّل. تنشئ النواة 6 مقاسات بالإضافة إلى الأصل؛ ويضيف القالب وWooCommerce المزيد.

الحل: أوقف إنشاء المقاسات التي لا تستخدمها عبر intermediate_image_sizes_advanced.

نسخة large / 1536 / 2048 مفقودة

السبب: لا يُكبّر WordPress أبدًا. إذا كانت صورتك المرفوعة أصغر من مقاس معيّن، فلن يُنشأ ذلك المقاس ببساطة.

الحل: ارفع صورة مصدر أكبر.

الصور المتجاوبة (srcset) تبدو منخفضة الجودة

السبب: مقاس يعتمد عليه srcset — عادةً medium_large (768w) — تمت إزالته.

الحل: أبقِ على medium_large؛ فهو موجود أساسًا لتغذية srcset.