صور جوالي عرضها 4000 بكسل، كم عرض أختار لصور موقعي أو مدونتي؟
اختر العرض حسب أوسع مكان ستظهر فيه الصورة، لا رقمًا واحدًا لكل شيء: بنر بعرض الشاشة يحتاج بكسلات أكثر من صورة داخل عمود المقال، والصور المصغرة تحتاج أقل بكثير. لأغلب صور المحتوى يكفي عرض بين 1200 و1600 بكسل، فاكتبه مع قفل النسبة ويُحسب الارتفاع وحده.
4000 بكسل أكثر مما تحتاجه أي صفحة تقريبًا
الجوال يلتقط صورًا كبيرة لأنها قد تُطبع أو تُقص لاحقًا، لا لأن المواقع تحتاجها. صورة عرضها 4032 بكسل تُعرض في عمود مقال لا يتجاوز عرضه بضع مئات من البكسلات على أغلب الشاشات، والباقي يُنزَّل ثم يُهمل. الحل ليس رقمًا سحريًا، بل أن تصنّف صورك حسب مكانها.
ثلاثة أماكن وثلاثة مقاسات
- بنر بعرض الصفحة كلها: هذا أكبر مكان في موقعك، ويحتاج أوسع ملف. عرض 1920 بكسل خيار عملي، والنسبة غالبًا تحتاج قصًا ليصبح البنر عريضًا.
- صورة داخل المقال أو صفحة المنتج: العمود أضيق من الشاشة، فالعرض بين 1200 و1600 بكسل يترك هامشًا للشاشات عالية الدقة.
- صور مصغرة في قائمة المقالات أو شبكة المنتجات: تظهر صغيرة، فعرض 400 بكسل يكفي عادة.
هذه نقاط بداية عملية وليست قواعد. قالب موقعك هو الحكم: قس العرض الذي تظهر به الصورة فعلًا، وإن كان عمود مقالاتك أعرض من المعتاد فارفع الرقم.
الأرقام من صورة جوال واحدة
صورة عرضية 4032 × 3024 مع قفل النسبة:
عرض 1920 يعطي 1920 × 1440، وعرض 1600 يعطي 1600 × 1200، وعرض 1200 يعطي 1200 × 900.
للصورة المصغرة: عرض 400 يعطي 400 × 300.
وصورة طولية 3024 × 4032 بعرض 1200 تصبح 1200 × 1600، أي أطول من الشاشة على الحاسوب، فكّر في ارتفاع أقل لهذه الصور.
الخطوات
- حدد مكان الصورة في موقعك، واختر العرض المناسب له من القائمة السابقة.
- افتح تغيير أبعاد الصور واختر الصورة، وتأكد أن قفل النسبة مفعل.
- اكتب العرض فتحسب الأداة الارتفاع. للصور الطولية الطويلة، اكتب الارتفاع بدل العرض.
- احفظ بصيغة JPEG أو WebP وراجع الحجم في الجدول، ثم مرّر الملفات على ضغط الصور إن احتجت وزنًا أخف.
لا تحذف الأصل
احتفظ بصورة الجوال الأصلية في مجلد منفصل. إن غيّرت قالب موقعك لاحقًا إلى تصميم أعرض فستحتاج نسخًا أكبر، والتكبير من نسخة 1200 بكسل لا يعيد التفاصيل. اسم الملف الذي تنزّله الأداة يحمل المقاس الجديد، فيسهل الفصل بين الأصل والنسخ.
أسئلة شائعة
هل منصات المدونات تصغر الصور بنفسها؟
بعضها ينشئ نسخًا أصغر تلقائيًا وبعضها يعرض الملف كما رفعته. إن لم تكن متأكدًا فالأسلم أن ترفع الصورة بمقاس معقول من البداية.
هل WebP أفضل لموقعي؟
غالبًا ينتج ملفًا أصغر بجودة مماثلة، وتدعمه المتصفحات الحديثة. تأكد فقط أن منصة موقعك تقبل رفعه.
