استخدام صور WebP في المتجر

يساعد امتداد WebP على تقليل حجم الصور في كثير من الحالات، وهذا قد يحسن سرعة تحميل صفحات المتجر ونتائج تحليل السرعة مثل Google PageSpeed Insights. لكن استخدامه يحتاج موازنة بين سرعة التحميل وجودة عرض الصورة، خصوصا في الصور التي تحتوي على تفاصيل دقيقة أو ألوان كثيرة.

هل يدعم المتجر صور WebP؟

نعم، يدعم المتجر رفع صور WebP في:

• المنتجات.
• الأقسام.
• البنرات.

مهم: دعم WebP يعني أنك تستطيع رفع صورة بصيغة WebP. لا يعني ذلك أن المتجر يحول كل صور JPG أو PNG إلى WebP تلقائيا.

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

متى يكون WebP مناسبا؟

استخدم WebP عندما تكون الأولوية هي تقليل حجم الصورة وتحسين سرعة التحميل، مثل:

• صور المنتجات الواضحة والبسيطة.
• صور الأقسام.
• صور البنرات التي تم تجهيزها بالأبعاد الصحيحة قبل الرفع.
• المتاجر التي تفضل سرعة التصفح، خصوصا على الجوال.

غالبا يكون WebP مناسبا عندما لا يحتاج العميل إلى تكبير الصورة لرؤية تفاصيل دقيقة جدا.

متى يفضل عدم استخدام WebP؟

لا ننصح بالتحويل إلى WebP بدون مراجعة في الحالات التالية:

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

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

ملاحظات مهمة قبل التحويل

• احتفظ دائما بنسخة أصلية من الصورة بصيغة JPG أو PNG قبل التحويل.
• لا تحذف النسخة الأصلية بعد رفع WebP، فقد تحتاج إليها لاحقا.
• التحويل إلى WebP يتم من طرفك وعلى مسؤوليتك، لذلك راجع جودة الصورة قبل استخدامها في المتجر.
• لا تعتمد على حجم الملف فقط. تأكد أن الصورة لا تزال واضحة للعميل.
• اختبر الصفحة بعد الرفع باستخدام أداة تحليل السرعة، ثم افتح الصفحة بنفسك من الجوال.

المنتجات والأقسام

يمكنك رفع صور WebP للمنتجات والأقسام من نفس مكان رفع الصور المعتاد في لوحة التحكم.

قبل رفع الصورة:

1. افتح الصورة الأصلية.
2. حولها إلى WebP بجودة مناسبة.
3. قارن الصورة الأصلية مع نسخة WebP.
4. إذا كانت التفاصيل واضحة، ارفع نسخة WebP في المنتج أو القسم.
5. افتح صفحة المنتج أو القسم في المتجر وتأكد من ظهور الصورة بشكل صحيح.

نصيحة: ابدأ بصورة أو صورتين فقط، ثم راقب النتيجة قبل تحويل كل صور المتجر.

البنرات

يمكنك رفع WebP للبنرات، لكن هناك نقطة مهمة:

صور WebP في البنرات لا تعتمد على إعادة التصغير التلقائي.

لذلك يجب تجهيز صورة البنر بنفس الأبعاد المطلوبة قبل الرفع.

مثال:

• إذا كان مقاس البنر في لوحة التحكم 1300 × 400، جهز صورة WebP بنفس المقاس 1300 × 400.
• إذا رفعت صورة بمقاس مختلف، قد تظهر بجودة غير مناسبة أو لا تعطي أفضل نتيجة في سرعة التحميل.

طريقة تجهيز بنر WebP:

1. افتح إعدادات البنر واعرف العرض والارتفاع المطلوبين.
2. جهز الصورة الأصلية بنفس المقاس.
3. حول الصورة إلى WebP بنفس الأبعاد.
4. ارفع نسخة WebP في البنر.
5. افتح واجهة المتجر وتأكد من شكل البنر على الجوال والكمبيوتر.

أدوات يمكن استخدامها للتحويل

يمكنك استخدام أي أداة موثوقة لتحويل الصور إلى WebP. من الأدوات الشائعة:

• Squoosh - تعمل داخل المتصفح وتساعدك على مقارنة الجودة والحجم قبل التحميل.
• CloudConvert WebP Converter - يدعم التحويل بين صيغ متعددة مع خيارات الجودة والمقاس.
• Ezgif WebP Maker - مناسب للتحويل إلى WebP، ويدعم أيضا الصور المتحركة.
• أدوات WebP الرسمية من Google - للمستخدمين المتقدمين الذين يفضلون أدوات سطح المكتب أو سطر الأوامر.

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

إعدادات جودة مقترحة

لا يوجد رقم واحد مناسب لكل الصور، لكن كبداية:

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

كيف تعرف أن WebP مفيد لمتجرك؟

بعد رفع صور WebP:

1. افتح صفحة المنتج أو القسم أو الصفحة الرئيسية.
2. تأكد أن الصور تظهر بشكل صحيح.
3. اختبر الصفحة عبر Google PageSpeed Insights.
4. راجع حجم الصور وسرعة التحميل.
5. قارن النتيجة مع جودة العرض الفعلية داخل المتجر.

إذا تحسنت السرعة بدون تأثير واضح على الجودة، يكون WebP خيارا مناسبا لهذه الصور.

أسئلة سريعة

هل يقوم المتجر بتحويل الصور تلقائيا إلى WebP؟

لا. يجب رفع صورة WebP من طرفك إذا أردت استخدامها بهذه الصيغة.

هل WebP أفضل دائما من JPG أو PNG؟

ليس دائما. WebP قد يقلل حجم الملف، لكن بعض الصور تحتاج مراجعة الجودة بعد التحويل.

هل يجب تحويل كل صور المتجر إلى WebP؟

لا. ابدأ بالصور الكبيرة أو الأكثر ظهورا للزوار، مثل صور المنتجات الرئيسية والبنرات، ثم قيّم النتيجة.

هل يمكن استخدام WebP للبنرات؟

نعم، لكن يجب رفع البنر بالأبعاد الفعلية المطلوبة؛ لأن WebP في البنرات لا يعتمد على إعادة التصغير التلقائي.

هل أحذف الصور الأصلية بعد التحويل؟

لا. احتفظ دائما بنسخة JPG أو PNG الأصلية للرجوع إليها عند الحاجة.

ملخص سريع

• WebP مفيد لتقليل حجم الصور وتحسين سرعة التحميل.
• المتجر يدعم رفع WebP للمنتجات والأقسام والبنرات.
• لا يتم تحويل الصور تلقائيا إلى WebP.
• للبنرات، جهز الصورة بنفس أبعاد البنر قبل الرفع.
• لا تعتمد على تعديل أو إعادة تصغير WebP داخل المتجر؛ جهز الصورة قبل الرفع.
• قارن الجودة قبل وبعد التحويل.
• احتفظ دائما بالنسخة الأصلية من الصورة.