كيفية تحسين صور صفحات منتجات التجارة الإلكترونية | Bulk Image Compressor
صور المنتجات تبيع الأشياء. إذا لم يستطع المتسوق رؤية التفاصيل بوضوح،他不会 يشتري. لكن إذا كانت صورك كبيرة جداً وصفحاتك تتحمل ببطء، يغادرون قبل أن تنتهي الصور من التحميل. تحقيق هذا التوازن الصحيح هو أحد أكثر الأمور العملية التي يمكنك فعلها لمتجر إلكتروني.
الخبر الجيد هو أنه ليس عليك الاختيار بين الجودة والسرعة. مع إعدادات وتنسيقات الضغط المناسبة، يمكن لصور منتجاتك أن تبدو حادة على الشاشة بينما تتحمل بسرعة على أي جهاز.
لماذا حجم صورة المنتج مهم
صفحة المنتج النموذجية تحتوي على ما بين 4 و8 صور: الصورة الرئيسية، بضع زوايا، ربما لقطة تفاصيل، وصورة lifestyle تظهر المنتج قيد الاستخدام. إذا كانت كل واحدة ملفاً غير مضغوط بحجم 4MB من المصور الخاص بك، فهذا 16 إلى 32MB من الصور لكل صفحة.
صفحات المنتجات البطيئة تضر بالمبيعات مباشرة. بحث من Deloitte وجد أن تحسين 0.1 ثانية في سرعة الموقع على الجوال أدى إلى زيادة بنسبة 8.4% في التحويلات لمواقع التجزئة. أكبر عامل في سرعة الصفحة للتجارة الإلكترونية هو دائماً تقريباً الصور.
هناك أيضاً عامل الجوال. معظم التسوق عبر الإنترنت يحدث على الهواتف. صور منتجاتك تحتاج للتحميل بسرعة على اتصالات الجوال، وليس فقط Wi-Fi السريع.
لقطات الخلفية البيضاء مقابل صور lifestyle
هذين النوعين من صور المنتجات لهما خصائص ضغط مختلفة.
لقطات المنتج بخلفية بيضاء هي ما تراه على Amazon وeBay ومعظم صفحات قوائم المنتجات. عادة ما يكون لديهن خلفية بيضاء نظيفة مع المنتج في المنتصف. هذه الصور تضغط بشكل جيد جداً لأن المساحات الكبيرة من الأبيض الصلب تتطلب القليل جداً من البيانات. يمكنك غالباً ضغطها بجودة JPEG 75 إلى 80% ورؤية فرق بالكاد.
صور lifestyle تظهر المنتجات في إعدادات العالم الحقيقي. فنجان قهوة على طاولة المطبخ، سترة على عارضة في الخارج، أحذية على رصيف المدينة. هذه الصور لديها تعقيد بصري أكبر مع خلفيات متنوعة وقوام وإضاءة. تحتاج إعدادات جودة أعلى قليلاً، حوالي 80 إلى 85%، للحفاظ على التفاصيل.
كلا النوعين يمكن أن يكونا أصغر بكثير من الأصول. لقطة منتج بخلفية بيضاء بحجم 5MB عادة تضغط إلى 200 إلى 400KB. صورة lifestyle بحجم 6MB تضغط إلى 300 إلى 600KB.
متطلبات وتوصيات المنصات
منصات التجارة الإلكترونية المختلفة لها إرشادات الصور الخاصة بها. إليك المواصفات للأهم:
Shopify يوصي بصور بحجم 2048 × 2048 بكسل. الحد الأقصى لحجم الملف هو 20MB، لكنهم يقترحون بشدة إبقاء الصور أقل من ذلك بكثير. Shopify يقوم ببعض الضغط التلقائي ويقدم WebP عندما يدعمه المتصفح، لكن البدء بصور محسّنة يعطي نتائج أفضل.
WooCommerce لا يفرض حدوداً صارمة لأنه يعمل على استضافتك الخاصة. هذا يعني أن تحسين الصور هو مسؤوليتك بالكامل. أحجام الصور المصغرة الافتراضية هي 600 × 600 للكتالوج وحجم الصورة الكامل لصفحة المنتج. يجب عليك تغيير الحجم والضغط قبل الرفع.
Amazon يتطلب حداً أدنى 1000 بكسل على الجانب الأطول (لوظيفة التكبير) ويوصي بـ 2000 بكسل. الحد الأقصى لحجم الملف هو 10MB. الصورة الرئيسية يجب أن يكون لها خلفية بيضاء نقية (RGB 255, 255, 255). Amazon يضغط الصور من جانبه، لكن رفع صور محسّنة مسبقاً يعطيك تحكماً أكبر في النتيجة النهائية.
Etsy يوصي بـ 2000 بكسل على الجانب الأقصر. يقبلون ملفات حتى 1MB. بما أن حد Etsy صغير نسبياً، ستحتاج شبه مؤكد للضغط قبل الرفع.
الأبعاد وأحجام الملفات الموصى بها
لمعظم منصات التجارة الإلكترونية، إليك هدف عملي:
| نوع الصورة | الأبعاد | حجم الملف المستهدف |
|---|---|---|
| صورة المنتج الرئيسية | 2000 × 2000px | 200 إلى 400KB |
| زوايا بديلة | 2000 × 2000px | 200 إلى 400KB |
| لقطة تفاصيل/تكبير | 2000 × 2000px | 250 إلى 500KB |
| صورة lifestyle | 2000 × 1333px | 300 إلى 600KB |
| الصورة المصغرة | 600 × 600px | 30 إلى 60KB |
هذه الأحجام تعطيك دقة كافية لميزات التكبير مع الحفاظ على سرعة الصفحات. إجمالي تحميل الصور لكل صفحة منتج يجب أن يبقى مثالياً تحت 2MB.
اختيار التنسيق المناسب
JPEG هو المعيار لتصوير المنتجات. يتعامل مع الصور الفوتوغرافية بشكل جيد ومدعوم في كل مكان. استخدمه كافتراضي.
WebP يقدم ضغطاً أفضل بنحو 25 إلى 35% من JPEG بنفس الجودة البصرية. إذا كانت منصتك تدعمه (Shopify يفعل تلقائياً، WooCommerce يحتاج إضافة)، WebP هو ترقية صلبة. لمقارنة أعمق للتنسيقات، اقرأ دليل JPEG vs PNG vs WebP.
PNG مطلوب فقط عندما تحتاج صور منتجاتك شفافية. على سبيل المثال، إذا كنت تبيع عناصر تحتاج أن تظهر دون أي خلفية على الإطلاق، PNG يحافظ على تلك الشفافية. وإلا، تجنب PNG لصور المنتجات لأن أحجام الملفات أكبر بكثير.
المعالجة الدفعية لكتالوجات المنتجات
إذا كان لديك متجر بعشرات أو مئات المنتجات، ضغط الصور واحدة تلو الأخرى غير واقعي. كتالوج منتجات بـ 200 عنصر و5 صور لكل منها يعني 1,000 صورة للمعالجة.
هنا حيث الضغط الدفعي يوفر ساعات. مع Bulk Image Compressor يمكنك إسقاط مجلد كامل من صور المنتجات وضغطها جميعاً دفعة واحدة. كل شيء يعمل في متصفحك، لذا صور منتجاتك لا تُرفع أبداً إلى أي خادم خارجي. هذا مهم عندما تعمل مع منتجات غير مطروحة أو صور لا تريد مشاركتها قبل الإطلاق.
إليك سير عمل يعمل بشكل جيد لكتالوجات المنتجات:
-
غيّر الحجم أولاً. اجعل كل صورك بالأبعاد الصحيحة (2000 × 2000px لمعظم المنصات). لا ترسل صوراً بحجم 6000px عبر الضغط عندما ستعرض فقط عند 2000px.
-
افصل حسب النوع. ضع لقطات الخلفية البيضاء في دفعة واحدة وصور lifestyle في دفعة أخرى. هذا يتيح لك استخدام إعدادات جودة مختلفة لكل منهما.
-
اضغط لقطات الخلفية البيضاء بجودة 75 إلى 80%. الخلفيات النظيفة تضغط بكفاءة عند إعدادات أقل.
-
اضغط صور lifestyle بجودة 80 إلى 85%. التفاصيل الإضافية في هذه الصور تستفيد من جودة أعلى قليلاً.
-
افحص بضع نتائج. افتح مجموعة من الصور المضغوطة وقارنها بالأصول. تأكد أن النص على العبوة لا يزال مقروءاً وتفاصيل المنتج واضحة. للمزيد حول هذا، راجع دليلنا حول تقليل حجم الملف دون فقدان الجودة.
-
ارفع لمنصتك. استبدل الأصول بالنسخ المضغوطة.
التأثير على أرباحك النهائية
صفحات المنتجات الأسرع تعني مبيعات أكثر. إنه بهذه المباشرة. عندما ينقر المتسوق على منتجك من نتيجة بحث أو إعلان، لديك حوالي ثانيتين إلى ثلاث قبل أن يقرروا ما إذا كانوا سينتظرون أو يضغطون على زر العودة.
الصور المحسّنة تقلل أيضاً تكاليف الاستضافة وCDN الخاصة بك. إذا كنت تقدم 500,000 مشاهدة لصفحة منتج شهرياً وقمت بتقليل متوسط حمولة الصور من 8MB إلى 1.5MB لكل صفحة، فهذا تيرابايت من النطاق الترددي يتم توفيره.
صور منتجك هي الأهم أصل في متجرك الإلكتروني. ضغطها بشكل صحيح يتيح لك الحفاظ على الجودة البصرية التي يحتاجها متسوقوك مع إعطائهم التجربة السريعة التي تؤدي فعلاً إلى المشتريات.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor