كيف أصنع بنر عريض للصفحة الرئيسية لمتجري من ثلاث صور منتجات؟

اختر الصور الثلاث، واجعل عدد الأعمدة 3 ليصبح الكولاج صفًا واحدًا، ثم اختر شكل الخلية الذي يعطي نسبة البنر التي يحتاجها قالب متجرك، لأن الارتفاع يُحسب من العرض تلقائيًا. بعرض 1920 وخانات طولية 2:3 تحصل على بنر ⁦1920 × 960⁩. راجع المقاس الذي يوصي به قالبك، واضغط الملف قبل رفعه.

نُشر في · دقائق قراءة: 2

نسبة البنر تأتي من شكل الخلية

في صف واحد من ثلاث صور دون مسافات، عرض البنر يساوي ثلاثة أضعاف عرض الخانة، وارتفاعه يساوي ارتفاع الخانة. لذلك كل شكل خلية يعطي نسبة بنر مختلفة، وتختار الشكل حسب النسبة التي تريدها لا العكس. هذه الأرقام من صانع الكولاج نفسه بعرض 1920 ومسافة 0 وهامش 0:

  • شكل 2:3 الطولي: كل خانة ⁦640 × 960⁩، والبنر ⁦1920 × 960⁩، أي نسبة 2:1.
  • شكل 1:1: كل خانة ⁦640 × 640⁩، والبنر ⁦1920 × 640⁩، أي نسبة 3:1.
  • شكل 4:3: كل خانة ⁦640 × 480⁩، والبنر ⁦1920 × 480⁩، أي نسبة 4:1.
  • شكل 16:9: كل خانة ⁦640 × 360⁩، والبنر ⁦1920 × 360⁩، شريط رفيع جدًا.

لاحظ أن البنر العريض يحتاج خانات طولية أو مربعة. صور المنتجات الطولية، مثل العطور والملابس على العارضة، تناسب شكل 2:3 تمامًا وتملأ خاناتها بقص قليل.

الخطوات

  1. راجع إعدادات قالب متجرك في سلة أو زد أو شوبيفاي لتعرف المقاس أو النسبة الموصى بها للبنر، فالقوالب تختلف.
  2. أضف الصور الثلاث في الأداة ورتّبها: المنتج الأهم في المنتصف، لأن العين تذهب إليه أولًا.
  3. اجعل «عدد الأعمدة» 3، واختر شكل الخلية الذي يعطي نسبة قالبك من القائمة أعلاه.
  4. اكتب العرض المطلوب، واجعل المسافة والهامش 0 لبنر متصل، أو قيمة صغيرة لفواصل خفيفة.
  5. تأكد من الأبعاد فوق المعاينة، ثم نزّل بصيغة JPEG.

المسافة تغير الارتفاع قليلًا

مثال محسوب

الإعدادات نفسها بشكل 2:3 لكن بمسافة 12 بكسل بين الصور.

الناتج ⁦1920 × 948⁩ بدل ⁦1920 × 960⁩، وكل خانة ⁦632 × 948⁩. المسافتان تأخذان 24 بكسل من العرض، فتضيق الخانات ويقل ارتفاعها معها.

إذا كان قالبك يطلب ارتفاعًا محددًا بالضبط، فابدأ بمسافة 0 أو جرّب أرقامًا حتى يطابق الناتج. وإن لم تصل إلى الرقم المطلوب بالضبط، فكثير من القوالب يقص البنر أو يغير حجمه ليناسب المكان، وحينها تكفي النسبة القريبة.

قبل الرفع

  • اضغط الملف عبر ضغط الصور، فالبنر أول ما يُحمَّل في الصفحة الرئيسية، والملف الثقيل يؤخر ظهور المتجر كله.
  • بعض القوالب تعرض البنر على الجوال بقص الجانبين، فلا تضع أهم منتج في الخانة اليسرى أو اليمنى وحدها. افتح متجرك على الجوال بعد الرفع وتحقق.
  • الأداة لا تكتب نصوصًا، فعبارة العرض وزر «تسوق الآن» يضيفهما القالب عادة فوق البنر من إعداداته.

أسئلة شائعة

هل أستطيع صنع بنر من أربع صور أو خمس؟

نعم، اجعل عدد الأعمدة مساويًا لعدد الصور حتى 6 أعمدة. كل صورة إضافية تضيق الخانات فيقل الارتفاع، فقد تحتاج شكلًا أطول.

ما أقصى عرض للبنر؟

8000 بكسل، لكن البنر نادرًا ما يحتاج أكثر من عرض شاشات الحاسوب الشائعة، والعرض الأكبر يثقل الصفحة دون فائدة.

هل يمكن أن تكون الصورة الوسطى أكبر؟

ليس في صف الشبكة، فالخانات متساوية. تخطيط «صورة كبيرة + صغيرة» يضع الصورة الكبيرة يسارًا والصغيرة في عمود بجانبها، ولا يعطي شكل بنر عريض.