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

من الممكن أن تؤدي الصور غير المحسّنة إلى إبطاء سرعة تحميل صفحتك بأكثر من 9 ثوانٍ ، وفي بعض الحالات أكثر من ذلك.

تؤدي الصفحات البطيئة إلى معدل ارتداد أكبر وتحديد موضع SERP أقل ، مما يعني في المقابل حركة مرور أقل وعملاء أقل يدفعون.

ماذا يتضمن تحسين الصورة؟

يعد تحسين جميع الصور على موقع الويب الخاص بك مهمة معقدة للغاية ، وتتطلب خبرة وساعات قليلة للقيام بذلك بشكل صحيح.

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

لمعرفة سبب اعتبار هذه الوظيفة معقدة ، إليك قائمة تحقق 20 نقطة لما تعتبره Cloudimage ضروريًا لتحسين الصورة بالشكل المناسب:

1. دمج تسليم CDN
2. تحسين TTFB
3. استخدم عرض المنتج بزاوية 360 درجة
4. تأكد من أن صورك تستجيب
5. تغيير حجم الصور بشكل صحيح
6. استخدم تنسيق الصورة الصحيح
7. ضغط الصور
8. تحسين سمات النص البديل
9. قم بتسمية الصور بوضوح
10. اعتني بزوايا منتجك
11. تعرف على كيفية مزج الألوان
12. إنشاء صور عاطفة مدمجة
13. استخدم الخلفيات المقابلة للمنتج
14. تحسين الصور المصغرة الخاصة بك
15. استخدم خريطة موقع الصور
16. تطبيق أخذ عينات صبغية فرعية
17. تحميل صور غير حرجة كسول
18. نشر صورة spriting
19. ابدأ في التخزين المؤقت لأصول الصور
20. تحميل أصول الصور الهامة مسبقًا

من الناحية الفنية ، فإن أهم النقاط ، من القائمة أعلاه ، هي تغيير الحجم وتحسين التنسيق والتحميل البطيء وضغط الصور والاستجابة وتسليم CDN.

إذا كان لديك لنقل 11.000 صورة على موقع الويب الخاص بك.

كم من الوقت سيستغرق الانتهاء من تحسينها؟

تخيل الآن أن تكون قادرًا على القيام بذلك تلقائيًا!

هذا ما يفعله Cloudimage.

يمكنك تحميل جميع الصور بشكل مجمّع عبر برنامجنا وسيتم صرفها تلقائيًا وتحميلها على السحابة.

بعد ذلك يأتي التحسين.

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

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

مثال على صورة أصلية مستضافة على خادم الويب أو حاوية Amazon S3 أو أي مساحة تخزين أخرى يمكن الوصول إليها عبر HTTP.

عندما تحدد كلاً من العرض والارتفاع ، يمكن تجاهل نسب الصورة الأصلية أو صيانتها. أيضًا ، يمكنك اختيار إضافة مساحة متروكة للصورة. يوفر Cloudimage أوضاع تغيير الحجم التالية:

ا & قتصاص

يحافظ على نسب الصورة التي تقطع الصورة لتلائم العرض والارتفاع المحددين.

لائق بدنيا

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

مقيد

يحاول تغيير حجم الصورة مع الاحتفاظ بالنسب. على غرار الملاءمة ولكن بدون حشوة.

التغطية

يغير حجم الصورة إلى العرض والارتفاع المحددين متجاهلاً نسب الصورة الأصلية.

استدارة

يدير الصورة بزاوية محددة بعكس اتجاه عقارب الساعة

تقليم

يزيل إطارًا أحادي اللون حول الصورة.

ضغط الصورة

يمكنك تغيير ضغط (تنسيق الإخراج والجودة) لصورتك باستخدام مرشحات الضغط.

يمكنك استخدام مرشحات الضغط جنبًا إلى جنب مع عمليات تغيير الحجم ومرشحات الصور.

بشكل افتراضي ، تقدم Cloudimage الصور كـ WebP. إذا كان التنسيق غير مدعوم من قبل مستعرض العميل ، فإنه يعود إلى JPEG أو PNG.

Optipress - ضغط الصور المستند إلى التعلم الآلي

يتمثل التحدي الرئيسي لضغط JPEG في العثور على عامل الضغط الأمثل لكل صورة مختلفة.

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

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

للتغلب على هذا ، قمنا بتطوير خوارزمية ضغط Optipress JPEG.

يكتشف Optipress أفضل أسلوب لضغط JPG من خلال تحليل ميزات معينة للصورة ومعلمات الضغط الحالية.

يحدد نموذج التعلم الآلي أفضل إستراتيجية ضغط لهذه الصورة.

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

الإعدادات المسبقة للتحويل

إذا كنت ترغب في تطبيق نفس التحويلات على العديد من الصور ، يمكنك تحديد الإعدادات المسبقة وتطبيق التحويلات فقط باستخدام اسم الإعداد المسبق (X).

ع = س

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

يتيح ذلك عملية التحسين المجمعة التي توفر أكثر من 50٪ من وقت تحسين الصورة ويمكن إجراؤها بسهولة بواسطة أي شخص معني.

أصبحت الصور سريعة الاستجابة أمرًا سهلاً

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

طور فريق Cloudimage ملحق JS لأتمتة كل شيء من أجلك.

سيعمل Cloudimage JS lib على تكييف جميع عناوين URL الخاصة بك تلقائيًا ويقدم تصميمًا متجاوبًا مدمجًا وتحميلًا والعديد من الميزات الأخرى لجعل موقع الويب الخاص بك مستجيبًا وسريعًا وإضافة تأثيرات تحميل لطيفة لصورك.

مع تمكين Lazy Loading وذاكرة التخزين المؤقت ، يمكنك التأكد من أن وقت تحميل موقع الويب الخاص بك سيتحسن بنسبة 40٪ على الأقل. أضف CDN إلى ذلك وترتفع النسبة حتى 60٪.

شبكة توصيل المحتوى

تستفيد Cloudimage من شبكات توصيل المحتوى لتسريع تسليم صورك في جميع أنحاء العالم. نحن نعمل مع العديد من موفري شبكات CDN لتحسين توصيل صورك وتوفير موثوقية رائعة.

بالإضافة إلى تسريع صورك ، يوفر CDN حماية DDoS (رفض الخدمة الموزع) ، والتي ستعمل كدرع لخوادمك وتجنب أي توقف.

عادةً ما تقوم شبكات CDN بتخزين الصور مؤقتًا طالما أن الصور مطلوبة من قبل المستخدمين النهائيين.

تنفذ في دقائق

ما يجعل Cloudimage فريدًا جدًا ، هو أنه يمكن تنفيذ خدماته بسرعة كبيرة.

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

يمنحك هذا أداءً لا تشوبه شائبة وسرعة تحميل سريعة للصفحات عبر مختلف الأجهزة.

علاوة على ذلك ، فإن التنفيذ سهل للغاية ويجعل عملية التعاون بين الفرق (الفرق المسؤولة عن الموقع من إنتاج المحتوى إلى النشر والمراقبة) بسيطة وفعالة.

هذا مهم بشكل خاص عندما يضطر معظمنا إلى استخدام مكاتبنا المنزلية في الفترة الزمنية التالية.
لمزيد من المعلومات حول كيفية عمل خدمات Cloudimage ، تفضل بزيارتنا على cloudimage.io