قم بإنشاء صور مصغرة تظل مفيدة في حجم شاشة صغير

تساعد صورة البطاقة شخصًا ما في التعرف على منتج أو مقالة أو عنصر معرض بسرعة. ليس من الضروري إظهار كل التفاصيل في الصورة الأكبر. اختر تركيبة تظل مفهومة عندما تكون صغيرة: قد تكون لقطة الغرفة الكاملة أقل فائدة من العرض الأقرب ، بينما يجب أن تعرض الصورة المصغرة للمنتج العنصر الصحيح بدلاً من التفاصيل الجذابة ولكن الغامضة.

تحقق من شكل البطاقة قبل التصدير. يحافظ Fit Inside على المصدر الكامل ، ولكن قد يقوم موقع الويب الخاص بك بقصه لاحقًا بتصميمه الخاص. يمنحك الاقتصاص الدقيق تكوينًا مدروسًا لتلك الفتحة. استخدم المصدر الأكبر لمعرض أو تكبير منتج موسع. لا تستبدل الصورة التفصيلية الوحيدة بالصورة المصغرة وتوقع تكبيرها لإعادة إنشاء تفاصيلها عندما يفتحها الزائر.

يتناسب الإعداد المسبق للبدء في حدود 800 × 800 بكسل ، ويختار WebP ويطبق شحذ الضوء. هذا مثال مرتبط بمرشح البطاقة ، وليس مطلبًا مصغرًا عالميًا. قم بقياس عرض العرض الفعلي واحتياجات الكثافة سريعة الاستجابة ، ثم اختر تصديرًا مناسبًا. سيحتفظ المصدر الواسع بنسبته داخل المربع بدلاً من أن تصبح مربعًا تلقائيًا.

افحص الصورة بحجم البطاقة الحقيقية. يجب التعرف على الوجه أو الملصق أو ميزة المنتج المميزة. قد يتم توفير الكلمات المضمنة الصغيرة بشكل أفضل كنص حقيقي للبطاقة. قارن مع شحذ الضوء ، لأن تباين الحافة القوي يمكن أن يجعل صورة صغيرة مشغولة. اختبر JPEG بنفس الأبعاد إذا لم يكن WebP مفيدًا في سير عملك. استخدام PNG للأصول التي تحتاج إلى شفافية موجودة ؛ تصدير WebP الحالي هنا معتم.

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

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

اختر منتجًا طويل القامة وصورة عريضة للغرفة كاختبارات مصغرة مبكرة. ضعهم بجانب صورة عادية مربعة في الشبكة الحقيقية. تحقق مما إذا كان التصميم المشترك يخفي ينتهي المنتج أو يترك الغرفة غير معروفة. قد تكون هناك حاجة إلى اقتصاص متعمد أو مرشح منفصل للخارج ، حتى لو كانت معظم الصور تعمل بنفس القاعدة. انظر إلى الملصقات والوجوه بحجم البطاقة العادي ، وتأكد من أن الرابط لا يزال منطقيًا عندما تكون الصورة غير متوفرة. يساعدك هذا الاختبار في الحكم على الصورة المصغرة كجزء من التصفح بدلاً من كونه ملفًا صغيرًا يتم عرضه بمفرده.