كيفية تحسين صورك للويب المحمول

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

اختيار أبعاد الصورة الصحيحة

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

وبالمثل ، فإن Amazon و Etsy لديهما متطلبات صورة 1000 × 1000 بكسل لتمكين التكبير / التصغير.

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

اختيار تنسيق الصورة الصحيح

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

JPG

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

بي إن جي

تم إنشاء PNG لتحسين تنسيق GIF عن طريق إزالة حد 256 لونًا. إنه مقبول على نطاق واسع وبدون فقد (يقلل حجم الملف دون تقليل الجودة) ويدعم الشفافية (على سبيل المثال للخلفيات الشفافة). الجوانب السلبية هي أن أحجام ملفات PNG يمكن أن تكون كبيرة بسبب الضغط غير المنقوص والتنسيق غير متوافق عالميًا مثل JPG.

GIF

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

شجار

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

BMP

يستخدم BMP بشكل شائع في نظام Windows البيئي. وهو يدعم ضغط البيانات وقنوات ألفا (المستخدمة في Photoshop لتخزين معلومات إضافية يمكنك استخدامها لمعالجة أجزاء من الصورة ، مثل إضافة خلفيات شفافة) والتوافق العالمي تقريبًا. غير مضغوط ، فهو يوفر صورًا مثالية ولكن يمكن أن تكون أحجام الملفات كبيرة جدًا أيضًا.

بشكل عام ، يعد JPG بالتأكيد الأكثر ملاءمة عندما يتعلق الأمر بالجمع بين الحجم الأصغر والجودة اللائقة. في حين أن PNG تقدم ضغطًا عالي الجودة بدون فقدان البيانات ، إلا أنها تفعل ذلك بتكلفة كبيرة لحجم ملف أكبر. يعد GIF مفيدًا إذا كنت تقدم صورًا بزاوية 360 درجة وتريد ملفات خفيفة الوزن. بالمقارنة ، يمكن أن تقدم BMP و TIFF جودة عالية ، ولكن أحجام الحياة عادة ما تكون ثقيلة وغير عملية إلى حد ما.

تحجيم الصور للجوال

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

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

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

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

عن المؤلف

Holly Cardew هي مؤسسة Pixc ، وهي منصة لمساعدة متاجر التجارة الإلكترونية على تحرير صور منتجاتهم وتحسينها حتى يتمكنوا من زيادة المبيعات. تقوم Pixc بتحويل متوسط ​​صور المنتج إلى صور جميلة عن طريق تحرير الخلفية وإزالتها في غضون 24 ساعة. بدأت هولي في سن المراهقة بالبيع على موقع eBay وإنشاء سوق خاص بها عبر الإنترنت ، ولديها خلفية في التجارة الإلكترونية والتسويق عبر الإنترنت وتصميم الجرافيك وبناء فرق موزعة. وهي أيضًا من ذوي الخبرة في بناء وإدارة متاجر Shopify ، وزيادة متابعي وسائل التواصل الاجتماعي. في عام 2016 ، تم إدراج هولي في قائمة فوربس للبيع بالتجزئة والتجارة الإلكترونية 30 تحت 30. تقسم هولي وقتها بين سان فرانسيسكو وبريسبان وسيدني. عندما لا تعمل هولي ، تحب السفر واستكشاف أماكن جديدة والتصميم الجميل والطباعة والتوصل إلى أفكار تجارية جديدة.