أفضل 5 ملحقات لتحسين الصور لبرنامج WordPress

هل تبحث عن أفضل ملحقات لتحسين الصور في WordPress؟ لا مزيد من البحث. لقد قارنا أفضل الأدوات المتاحة في السوق.

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

إذا كان الأمر كذلك ، فربما تحتاج إلى مكون إضافي لمحسن الصور!

لقد قمنا بإدراج الميزات الضرورية وإجراء اختبارات أداء مقارنة لمساعدتك في اختيار أفضل مكون إضافي لمحسن الصور لمشروعك التالي.

دعنا نتعمق!

ماذا يعني تحسين الصورة للأداء

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

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

الأصل JPG	JPEG مضغوط
813 كيلو بايت	309 كيلو بايت التأثير على الجودة: لا يوجد

الصور غير المحسّنة تجعل موقعك أبطأ وتؤثر على مقاييس الأداء الرئيسية ، مثل "حيوية الويب الأساسية". عندما تكون الصورة هي أكبر عنصر رسم محتوى ، فإن تحسين تلك الصورة بكفاءة أمر بالغ الأهمية للحفاظ على درجة LCP جيدة. يقيس Largest Contentful Paint السرعة المتصورة لموقع ويب بأكمله ، وأعتقد أنك تريد ترك انطباع جيد على زوارك. اختر دائمًا مكون WordPress الإضافي لتحسين الصور لمساعدتك في رحلة التحسين الخاصة بك.

كيفية اختيار البرنامج المساعد المناسب لمحسن الصورة

لقد قمنا بتجميع قائمة تحقق لتحسين الصور يمكنك متابعة جميع الصور الموجودة على موقع WordPress الخاص بك.

الـ 14 ميزة التي يجب توفرها في البرنامج المساعد لتحسين الصور

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

1. يدعم أكثر تنسيقات ملفات الصور شيوعًا: صور PNG أو JPEG أو GIF أو صور WebP.
2. يمكن تحويل الصور الخاصة بك إلى WebP. يمكن لهذا التنسيق من الجيل التالي الذي طورته Google تقليل حجم ملف الصورة إلى 35٪ أصغر من صور JPEG و PNG دون التأثير على الجودة.
3. يطبق التحميل الكسول على الصور ومقاطع الفيديو الخاصة بك لضمان تحميل المحتوى الموجود في الجزء العلوي فقط أولاً.
4. لديه عملية ضغط ذكية تحدد الصور التي تصبح ضبابية للغاية بعد التحسين.
5. يتيح لك تحسين الصور بكفاءة على النحو الموصى به من قبل Lighthouse حتى تتمكن من رؤية النتائج على سرعة صفحتك والأداء العام.
6. يقدم عدة مستويات من الضغط - لمساعدتك في الوصول إلى التوازن المثالي بين حجم الملف وجودته. كيف تتحقق من مستوى الضغط في البرنامج المساعد؟ يجب أن يكون لديهم ميزات "ضياع أو ضياع".
7. يحافظ على جودة الصورة - لا ينبغي أن يعني الضغط صورة ضبابية! اختر مكونًا إضافيًا يوازن بين الجودة والأداء: ضغط تلقائي وبديهي وذكي.
8. تغيير حجم صورك أثناء التنقل: تأكد من أنه يمكنك تحديد ارتفاع وعرض معينين ، أو على الأقل نسبة مئوية عند تحميلها إلى مكتبة WordPress.
9. يقدم تحسينات مجمعة لضغط صور متعددة: إذا كان لديك موقع للتجارة الإلكترونية به آلاف الصور ، فسيكون من الصعب ضغط كل تلك الصور يدويًا. تحقق من أن المكون الإضافي يتيح لك ضغط صور متعددة مرة واحدة.
10. يحسن الصور على خوادمه: اختر مكونًا إضافيًا يستخدم خوادمه ، وليس خوادمك. سيوفر لك هذا النطاق الترددي والتخزين.
11. لديه واجهة سهلة الاستخدام وسريعة: فأنت تريد مكونًا إضافيًا سهل الاستخدام يوفر خيارات تحسين واضحة ويقوم بالعملية بأكملها في وقت قصير جدًا.
12. يزيل البيانات الوصفية غير الضرورية - على سبيل المثال ، بيانات Exif التي قد تكون موجودة.
13. يحتفظ بنسخة احتياطية من صورك الأصلية - تأكد من عدم حذف صورك المضغوطة (والأصلية) بعد إلغاء تنشيط المكون الإضافي.
14. متوافق مع أي شبكات CDN ويمكنك توزيع صورك بشكل أسرع على المستخدمين في جميع أنحاء العالم.

الآن بعد أن عرفت أفضل الميزات التي يجب أن يمتلكها البرنامج المساعد لمحسن الصور ، دعنا نلقي نظرة على أفضل المكونات الإضافية المتوفرة في السوق.

أفضل 5 ملحقات لتحسين الصور

أفضل خمس مكونات إضافية لمحسن الصور سنقارنها ونختبرها هي:

1. تخيل
2. أوبتيمول
3. مُحسِّن صور البكسل القصير
4. محسن صور EWWW
5. ضغط صور JPEG و PNG بواسطة TinyPNG

ما هي المقارنة؟

سنقوم بتحسين صورة JPG لكل مكون إضافي أدناه (502 كيلوبايت) والتحقق من عدد كيلوبايت التي حفظناها. في النهاية ، سيكون هناك جدول يلخص جميع البيانات.

1. تخيل: البرنامج المساعد محسن الصور الذكي والبديهي

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

دلائل الميزات:

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

• يقدم تحويل WebP:

من مكتبة WordPress ، يمكنك أن ترى أن WebP يتم إنشاؤه تلقائيًا:

• واجهة بديهية ومحددة: الإعدادات واضحة ومباشرة ، وهناك زر أخير يمكن النقر فوقه ، ويتم إنجاز المهمة!
• دعم العديد من تنسيقات الصور مثل PNG و JPG و GIF و PDF و WebP.
• يتم إجراء التحسين وتغيير الحجم تلقائيًا عند التحميل أو الصور الحالية التي تختارها.
• حافظ على جودة الصورة بفضل الضغط الذكي.
• يتوفر التحسين الفردي والمجمّع لضغط عدة صور في وقت واحد أو اختيار الصور التي تحتاج إلى تحسين في الأولوية يدويًا.
• إمكانية اختيار أحجام الصور المصغرة التي تريد تحسينها .
• قم بعمل نسخة احتياطية من الصورة الأصلية إذا لزم الأمر (لا يتم حذف ملفاتك الأصلية).
• يتم التحسين باستخدام خوادم Imagify ، وليس خوادمك.
• يتوفر تطبيق الويب إذا لم تكن من مستخدمي WordPress (الحسابات المجانية لها حد تحميل بحجم الملف 2 ميجابايت.)

التسعير:

مجانًا مقابل 20 ميجابايت من البيانات شهريًا ، تبدأ الخطة بسعر 4.99 دولارًا شهريًا مقابل 500 ميجابايت أو 9.99 دولارًا شهريًا للتحسينات غير المحدودة. تحقق من السعر الكامل هنا.

نتيجة أداء Imagify:

ساعد Imagify في تقليل حجم ملف صورتي بنسبة 87.73٪. انتقل من 502 كيلوبايت إلى 53.70 كيلوبايت دون المساس بالجودة.

2. Optimole: التحميل الكسول وتوزيع CDN

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

دلائل الميزات:

• واجهة بسيطة وواضحة مع علامتي تبويب: لوحة القيادة والإعدادات.

• الإعدادات العادية والإعدادات المتقدمة:

• تحويل WebP و AVIF : بشكل افتراضي ، يقدم Optimole الصور بتنسيق WebP لكل زائر يدعم هذا التنسيق.
• تحميل كسول: يطبق Optimole التحميل البطيء باستخدام السمة <link rel = ”preload”> على الصور التي تختارها.  
• ضغط التعلم الآلي : توفر الخوارزميات تحسينًا ضياعًا أو بدون فقدان لأفضل صورة في الحجم الأصغر
• الإعدادات المتجاوبة: تتيح لك اختيار حجم الصورة المناسب لمتصفح الزائر وإطار العرض.
• دعم Cloud Library: قم بإلغاء تحميل صور موقع الويب الخاص بك مباشرة إلى Optimole Cloud (مما يعني أنك توفر مساحة التخزين على الخادم الخاص بك)
• العلامة المائية: يطبق Optimole علامة مائية على جميع صورك إذا كان هذا شيئًا تحتاجه لعملك.
• توزيع CDN: يقدم صورًا من CDN عالميًا مجانًا

التسعير:

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

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

نتيجة أداء Optimole:

خفض Optimole حجم ملف صورتي بنسبة 67٪. انتقل من 502 كيلوبايت إلى 164 كيلوبايت. لا يمكنك رؤية التحسين في مكتبة WordPress لأنه مصنوع على السحابة: يقدم Optimole صورًا محسّنة مباشرةً للزائرين في الواجهة الأمامية.

3. ShortPixel - واجهة أنيقة

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

دلائل الميزات:

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

توفر علامة التبويب "خيارات متقدمة" جميع إعدادات الجيل التالي التي تحتاجها لتحويل الصور إلى WebP أو AVIF.

• ضغط جماعي باستخدام معالج مفيد جدًا في 4 خطوات. تعمل ميزة "Bulk" على تحسين جميع الصور الموجودة في مكتبة الوسائط وفي المكونات الإضافية لجهات خارجية مثل معرض NextGen.

• دعم جميع أنواع الصور (PNG ، JPEG ، إلخ).
• خيار لإلغاء تنشيط التحسين التلقائي للصور عند التحميل.
• لا يتم استخدام أرصدة للصور التي تم تحسينها بنسبة أقل من 5٪.
• خيار لتقليل حجم الصور ، مع خيارين مختلفين ، وهما مفيدان للصور الكبيرة.
• تكامل Cloudflare لتوزيع الصور بشكل أسرع في جميع أنحاء العالم (يجب أن يكون لديك CDN الخاص بك).

التسعير:
يوفر ShortPixel 100 رصيد مجاني للصور كل شهر. تتوفر الخطط الشهرية أو الاعتمادات النقدية وفقًا لما يناسبك. تبدأ الخطة الأولى بسعر 3.99 دولارًا أمريكيًا مقابل 7000 رصيد صورة.

نتيجة أداء ShortPixel:

قلل Shortpixel حجم ملف صورتي بنسبة 66.95٪ وحولته إلى WebP. انتقل من 502 كيلوبايت إلى 165 كيلوبايت.

4. EWWW - مُحسِّن صور WordPress مجاني ولا حدود لحجم الملف

باستخدام EWWW IO ، يمكنك تحسين جميع صورك الحالية من أي مكون إضافي! تهتم EWWW IO بتحميل الصور الجديدة تلقائيًا. لا تحتاج إلى فعل أي شيء آخر.

دلائل الميزات:

• معالج بديهي يساعدك في إعداد المكون الإضافي واختيار خيارات التحسين التي تحتاجها لموقعك على الويب:

• تحويل الصور إلى WebP .
• لا حدود للسرعة وحجم ملف غير محدود.
• قم بتطبيق التحميل البطيء لتعزيز أداء موقعك وتحميل الصور في الجزء المرئي من الصفحة في الأولوية.
• تغيير الحجم تلقائيًا عند التحميل لتجنب تحميل الصور الكبيرة إلى مكتبة WordPress.
• أضف البعد المفقود (العرض / الارتفاع).
• خيارات الاستجابة: يكتشف حجم الصورة الصحيح ضمن علامة الاستجابة (srcset).

التسعير:

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

نتائج أداء EWWW:

انتقلت صورتي من 502 كيلوبايت إلى 156.9 كيلوبايت ، مما يعني توفير 69٪.

5. TinyPNG - التحسين والواجهة الأساسية

يعمل هذا المكون الإضافي تلقائيًا على تحسين الصور من خلال التكامل مع خدمتي ضغط الصور الشهيرين TinyJPG و TinyPNG.

دلائل الميزات:

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

• ضغط الصور الجديدة في الخلفية و / أو أثناء التحميل.
• حدد ما إذا كنت تريد تحديد الصور في مكتبة WordPress يدويًا.
• من السهل تحسين مكتبة الوسائط الموجودة لديك.
• تحسين WebP .
• اختر حجم الصورة الذي تريد ضغطه.
• عيّن الحد الأقصى للعرض والارتفاع لكل صورة يتم تحميلها.

التسعير:

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

نتائج أداء TinyPNG:

ارتفع حجم ملف صورتي من 502 كيلوبايت إلى 160 كيلوبايت ، مما يعني توفيرًا إجماليًا بنسبة 61٪.

خذ النهائي في الاختبار

تخيل يؤدي مع 87.73٪ من التوفير من الصورة الأصلية . فيما يتعلق بملحقات المحسن الأربعة الأخرى ، فإن السباق ضيق! في المتوسط ​​، توفر المكونات الإضافية الأخرى للمحسن توفيرًا مشابهًا (حوالي 65٪).

تأثير تخيل على الأداء

Imagify يعزز موقع سرعة موقع الويب الخاص بك حرفيًا ببضع نقرات. بفضل Smart Compression الجديد ، يعد أحد أفضل المكونات الإضافية لضغط الصور التي تقلل من حجم ملف صورك دون المساومة على الجودة. في تدقيقنا السابق ، قلل Imagify حجم ملفنا بنسبة 87.73٪!

أجريت دراسة حالة توضح كيف أن تحسين الصورة يعزز الأداء ويحسن تدقيق Lighthouse. لقد أنشأت صفحة ويب تحتوي على صور JPG غير محسّنة وقارنت نتائجي قبل تشغيل Imagify وبعده.

دعونا نكشف عن النتائج على الهاتف المحمول!

لا تخيل - تقرير الأداء والمميزات:

بدون Imagify ، تُعلم Lighthouse جميع صوري على أنها غير محسّنة مع العديد من مجالات التحسين:

الأداء نفسه ليس جيدًا أيضًا. أحصل على 74/100 ، ويرجع ذلك في الغالب إلى نقص تحسين الصورة. يظهر مقياس Largest Contentful Paint باللون الأحمر بدرجة 7.5 ثانية ، ويكون أول مقياس Contentful Paint باللون البرتقالي.

مع Imagify - تقرير الأداء والمميزات:

• ارتفعت نتيجة الأداء من 74/100 إلى ما يقرب من 90/100!

• أصبح FCP الخاص بي الآن باللون الأخضر ، و LCP الخاص بي على الحافة مباشرة بين البرتقالي والأخضر.
• قام Imagify أيضًا بإصلاح العديد من تحذيرات PSI مثل "عرض الصور بتنسيقات الجيل التالي- WebP" و "الصور ذات الحجم المناسب" و "تشفير الصورة بكفاءة".
• تم تحسين كل صوري الآن!

تغليف

وفقًا لمراجعة مقارنة الأداء لدينا ، Imagify هو البرنامج المساعد المحسن الأكثر ذكاءً والأكثر سهولة في موقع WordPress الخاص بك. انتقلت صورة JPEG الخاصة بنا من 502 كيلوبايت إلى 53 كيلوبايت (وهو ما يمثل توفيرًا بنسبة 80٪ تقريبًا).

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

قسم الفرص / التحذيرات - لا تخيل	اجتاز قسم التدقيق - مع Imagify

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