إذا كنت تجهّز متجر سلة للإطلاق أو تعيد تصميم واجهته، فقد تظهر صور المنتجات والبنرات مقصوصة أو غير متناسقة بين الجوال وسطح المكتب رغم جودة التصميم والصور عالية الدقة. تساعدك معرفة مقاسات تصميم موقع سلة على اختيار الأبعاد المناسبة للثيم والحفاظ على وضوح الصور وتناسق واجهة المتجر على مختلف الشاشات.
ما هي مقاسات صور المنتجات والبنرات في متجر سلة؟
تختلف مقاسات تصميم موقع سلة حسب نوع العنصر والثيم وطريقة ظهوره على الشاشات، لذلك تُستخدم المقاسات التالية كأمثلة إرشادية، مع مراعاة نسبة العرض إلى الارتفاع وجودة الصورة وحجم الملف. كما يساعد تحديد أبعاد تصميم المتجر لكل عنصر على تجهيز صور العروض وصور بانر المنتجات بما يتناسب مع مساحة العرض وطريقة ظهورها داخل الثيم. من خلال:
| العنصر |
مقاس مقترح / مثال |
نسبة العرض |
ملاحظات الاستخدام |
| البنر العريض |
728 × 90 بكسل |
نحو 8:1 |
مقاس تذكره سلة للبنر العريض مع إمكانية استخدام أبعاد أخرى؛ ضع النص والشعار داخل ال Safe Area بعيدًا عن الأطراف لتجنب القص على الجوال. |
| صور المنتجات المربعة |
500 × 500 بكسل |
1:1 |
مثال تصميمي شائع لتوحيد بطاقات المنتجات. تفضّل سلة ألا تقل صورة المنتج عن 250 بكسل طولًا و100 بكسل عرضًا، وبحد أقصى 5MB للملف. |
| صور المنتجات الأفقية |
400 × 300 أو 500 × 300 بكسل |
4:3 أو 5:3 |
تُختار بحسب طريقة عرض الثيم، مع الحفاظ على نسبة موحدة لصور المجموعة. |
| صور المنتجات الرأسية |
300 × 400 بكسل |
3:4 |
مناسبة عند اعتماد عرض رأسي، ويُفضل توحيد النسبة بين المنتجات. |
| السلايدر في بعض الثيمات |
1108 × 428 بكسل |
نحو 2.6:1 |
مثال مذكور لثيم رائد؛ راعِ ال Safe Area واختبر ظهور صور السلايدر على الجوال وسطح المكتب. |
| بطاقات الصور |
400 × 300 بكسل |
4:3 |
مثال مستخدم في ثيم عالي، ويعتمد المقاس النهائي على تصميم القسم. |
| الصور المميزة المربعة |
500 × 500 بكسل |
1:1 |
تساعد النسبة المربعة على الحفاظ على تناسق العناصر داخل المجموعة. |
| صور التصنيفات والأقسام |
333 × 500 أو 500 × 500 بكسل |
رأسي أو 1:1 |
اختر نسبة واحدة داخل المجموعة حتى تظهر الأقسام بصورة متناسقة. |
| الشعار المربع |
500 × 500 بكسل |
1:1 |
مثال عملي لملف التصميم، وليس حجم عرض الشعار النهائي داخل الثيم. |
وبالنسبة لصور المنتجات، تذكر وثائق سلة صيغ PNG وJPEG وJPG وGIF، ويُفضل ضغط الصور دون تدهور ملحوظ في جودتها لتقليل حجم الصفحة وتحسين سرعة التحميل؛ أما WebP فيُتحقق من دعمها داخل العنصر المستخدم قبل الاعتماد عليها.
وإذا كنت لا تزال في مرحلة اختيار منصة المتجر، فاحسم المقارنة بين سلة أو زد قبل تجهيز الصور والبنرات؛ لأن مقاسات العناصر والثيمات وخيارات التخصيص تختلف من منصة إلى أخرى.
كيف أضيف مقاسات تصميم متجر سلة؟
ابدأ بتحديد الثيم والعنصر الذي ستُرفع فيه الصورة، ثم جهّزها بالأبعاد المناسبة واختبر ظهورها بعد الرفع:
- حدد الثيم والعنصر: اعرف مكان الصورة، سواء كانت لمنتج أو بنر أو تصنيف أو قسم في تصميم الصفحة الرئيسية.
- حدد نسبة العرض إلى الارتفاع: مثل 1:1 للصور المربعة، وفق طريقة عرض العنصر.
- صمم بالأبعاد المناسبة: استخدم Figma أو Photoshop أو Canva لتجهيز الصورة بالمقاس المطلوب.
- وازن بين دقة الصور وجودتها وحجم الملف: استخدم أبعادًا مناسبة لمساحة العرض، واضغط الصور قبل رفعها مع الحفاظ على وضوحها؛ لتقليل حجم الملفات ودعم سرعة تحميل المتجر، وهو ما توصي به سلة لصور المنتجات.
- اختر صيغة الصورة: استخدم الصيغ المدعومة، وتحقق من توافق صيغ أخرى مثل WebP قبل الاعتماد عليها.
- ارفع الصورة واختبرها على الشاشات: راجع ظهورها على الجوال وسطح المكتب، وعلى أحجام شاشات مختلفة عند الإمكان؛ للتأكد من وضوح المحتوى وعدم قص النص أو المنتج أو تمدد صورة الغلاف وتشوهها.
- أضف النص البديل Alt Text: أضف وصفًا واضحًا للصورة لا يتجاوز 70 حرفًا لمساعدة محركات البحث على فهم محتواها.
ويُعد تحسين الصور جزءًا من تحسين متجر سلة لمحركات البحث SEO، إلى جانب سرعة الصفحات والمحتوى وهيكل المتجر وتجربة المستخدم UX.
وإذا كنت في مرحلة انشاء متجر في سلة، فحدد الثيم وبنية الصفحات أولًا قبل تجهيز جميع الصور والبنرات؛ حتى تصمم كل عنصر وفق مكان استخدامه الفعلي.
كيف أصمم شعار متجري في سلة؟
صمم شعارًا واضحًا يحافظ على قابلية القراءة عند تصغيره، وجهّز نسخة مربعة وأخرى أفقية إذا كان الثيم يحتاج ذلك. ويمكن استخدام 500 × 500 بكسل كمثال عملي لملف الشعار المربع في بعض التصميمات، مع مراعاة أن حجم عرضه الفعلي داخل المتجر يحدده الثيم. وعند تجهيز تصميم الشعار والهوية البصرية، راعِ:
- وضوح الشعار والأيقونات عند التصغير.
- تناسق الألوان والخطوط مع هوية المتجر.
- ترك مساحة مناسبة حول أبعاد الشعار.
- اختبار صور المنتجات المصغرة وظهورها على تصميم الجوال وتصميم سطح المكتب وخلفيات المتجر المختلفة.
ويساعد تناسق الشعار والهوية مع واجهة المستخدم UI على جعل تجربة موقع سلة أكثر اتساقًا ووضوحًا للزائر.
ما هي البيانات الأساسية اللازمة عند تصميم متجر على سلة؟
قبل تصميم متجر سلة، جهّز البيانات والمحتوى الذي سيظهر داخل الصفحات، وأهمه:
- بيانات الهوية: اسم المتجر، الشعار، ألوان المتجر والخطوط.
- بيانات المنتجات: الصور، الأسماء، الأسعار، الأوصاف، المخزون والخيارات.
- هيكل المتجر: الأقسام، التصنيفات، البنرات ومحتوى الصفحة الرئيسية.
- بيانات التشغيل: وسائل التواصل، سياسات المتجر، طرق الدفع والشحن، والدومين.
ويساعد تجهيز هذه البيانات على تنظيم تصميم صفحة المنتج وتصميم صفحة التصنيف وربطهما بمسار واضح يقود المستخدم إلى صفحة السلة ثم صفحة الدفع بسهولة.
كما يساعد ذلك على تحديد عناصر التصميم والأدوات وخيارات التخصيص المناسبة ضمن مميزات موقع سلة التي يحتاجها مشروعك. وإذا كان مشروعك يحتاج تخصيصًا متقدمًا، فراجع حدود القالب وخيارات التخصيص؛ لأن بعض عيوب موقع سلة قد تكون مؤثرة فقط في المشاريع التي تحتاج مرونة تصميمية أكبر.
جهّز متجر سلة بتصميم متناسق على مختلف الشاشات
يبدأ ضبط مقاسات تصميم موقع سلة بتحديد الثيم والعنصر، ثم اختيار الأبعاد ونسبة العرض المناسبة وضغط الصور واختبارها على الجوال وسطح المكتب لتحقيق التصميم المتجاوب لمتجرك. ويمكن لفريق زوس مساعدتك في تصميم واجهة متجر متناسقة تراعي الهوية البصرية وتجربة المستخدم على الجوال وطبيعة نشاطك.
تواصل مع زوس لمعرفة تكلفة إنشاء متجر إلكترونى فى السعودية
استفسارات حول مقاسات تصميم موقع سلة
هل فتح متجر في سلة يحتاج إلى سجل تجاري؟
يمكن التسجيل ومزاولة النشاط على سلة باستخدام سجل تجاري قائم أو وثيقة عمل حر، مع استيفاء المتطلبات النظامية والتراخيص المرتبطة بنوع النشاط. لذلك تختلف الوثيقة المناسبة بحسب صفة التاجر وطبيعة نشاطه.
هل سلة تأخذ نسبة من المبيعات؟
بحسب سلة، تكون المبيعات بدون عمولة منصة، مع وجود رسوم أخرى قد ترتبط ببوابة الدفع أو الباقة والخدمات المستخدمة، لذلك يجب التفريق بينها وبين عمولة سلة على المبيعات نفسها.
كم عدد المتاجر في سلة؟
بحسب الموقع الرسمي لسلة عند المراجعة في أغسطس 2026، تعمل على المنصة أكثر من 68 ألف متجر إلكتروني نشط.
ما الفرق بين أبعاد الصورة وحجم ملفها؟
أبعاد الصورة هي طولها وعرضها بالبكسل، مثل 500 × 500 بكسل، بينما يشير حجم الملف إلى المساحة التي تشغلها الصورة مثل KB أو MB. ويمكن أن تكون الصورة كبيرة الأبعاد لكن مضغوطة بحجم ملف مناسب، لذلك يجب الموازنة بين الوضوح وسرعة التحميل.
هل تختلف مقاسات الصور من قالب سلة إلى آخر؟
نعم، قد تختلف أبعاد ونسب الصور المناسبة حسب الثيم والعنصر وطريقة عرضه؛ فمساحة البنر أو السلايدر أو صور الأقسام ليست موحدة في جميع القوالب. لذلك راجع إعدادات الثيم واختبر الصور على الجوال وسطح المكتب قبل اعتماد المقاسات النهائية.