في معظم صفحات WordPress، تعد الصور أثقل شيء على الإطلاق. قم بتحميل بعض الصور مباشرة من هاتفك وقد أضفت للتو عدة ميغابايت يتعين على الزائرين تنزيلها قبل أن تشعر الصفحة بأنها جاهزة. هذا هو المكان أ البرنامج المساعد لتحسين الصور ووردبريس يدفع عن نفسه. فهو يضغط كل صورة، ويحولها إلى تنسيق الجيل التالي مثل WebP أو AVIF، ويقدمها بالحجم المناسب، كل ذلك في الخلفية، دون الحاجة إلى Photoshop.
يقارن هذا الدليل 8 من أفضل المكونات الإضافية لتحسين الصور، كل منها مجاني للتثبيت من دليل WordPress.org الرسمي حتى تتمكن من اختباره قبل الالتزام. أولاً، مكون إضافي واحد ينتمي إلى كل موقع Elementor حتى قبل أن تفكر في الضغط: الإضافات الرئيسية لـ Elementor. إنه ليس مُحسِّن للصور، ولكن الطريقة التي تنشئ بها الصفحة هي التي تحدد مدى ثقلها في المقام الأول، لذلك تحصل على المركز الأول.
لماذا تستخدم البرنامج المساعد WordPress Image Optimizer؟
يعد الضغط أحد أعلى السرعات التي يمكنك تحقيقها. إليك ما يفعله المُحسِّن الجيد لك
- ملفات أصغر، بنفس الجودة. يمكن أن يؤدي الضغط الذكي مع فقدان البيانات إلى تقليل وزن الصورة بنسبة 50 إلى 80 بالمائة دون أي فرق واضح. قم بإسقاط الإصدارات الأصلية والمضغوطة في ملف قبل وبعد المنزلق ويمكن للزوار سحب المقبض للتحقق بأنفسهم.
- تنسيقات الجيل التالي. يعد WebP وAVIF أخف بكثير من JPEG أو PNG، كما أنهما خاصان بشركة Google إرشادات أداء الصورة (وكل تقرير PageSpeed) يدفعك لخدمتهم.
- عناصر حيوية أفضل للويب. تعمل الصور الأخف على تحسين أكبر رسم محتوى، والذي تستخدمه Google كإشارة تصنيف.
- تعيين ونسيان. تقوم معظم المكونات الإضافية بضغط كل تحميل جديد تلقائيًا ويمكنها تحسين مكتبة الوسائط الموجودة بالكامل في عملية تشغيل واحدة.
ومع ذلك، فإن تحسين الصورة ليس سوى جزء من صورة السرعة. دليلنا على كيفية تسريع مواقع Elementor يغطي جانب التخزين المؤقت والبرنامج النصي والاستضافة و أفضل ممارسات تحسين محركات البحث لـ Elementor ربط كل شيء مرة أخرى إلى التصنيف العالمي.
ما الذي يجب البحث عنه في البرنامج المساعد لتحسين الصورة
تختلف المكونات الإضافية أدناه بعدة طرق مهمة
- حيث يضغط. تقوم المكونات الإضافية المحلية بمعالجة الصور على الخادم الخاص بك (بدون حصة). ترسلها المكونات الإضافية السحابية إلى واجهة برمجة تطبيقات خارجية (غالبًا ما تكون أسرع وأصغر، ولكنها عادةً ما تكون محدودة بالائتمان).
- ويب/أفيف مجاني. يتحول البعض إلى تنسيقات الجيل التالي مجانًا؛ بوابة أخرى وراء خطة مدفوعة الأجر.
- حدود مجانية. يتم تحديد العديد من المستويات المجانية بعدد الصور الشهري أو النطاق الترددي أو حركة المرور، لذا قم بمطابقة الخطة مع حجم مكتبتك.
- CDN والحمل البطيء. يقوم عدد قليل منها بتجميع صورة CDN أو التحميل البطيء، مما يقلل وقت التحميل بشكل أكبر.
مقارنة سريعة: أفضل المكونات الإضافية لتحسين الصور في WordPress
| البرنامج المساعد | التثبيتات النشطة | تقييم | ويب بي/أفيف مجاني | الأفضل ل |
|---|---|---|---|---|
| الإضافات الرئيسية للعنصر | 30،000+ | 4.5 1 | غير متوفر (مجموعة الأدوات) | كريم أساس سريع وخفيف |
| سحق | 1 م+ | 4.8 1 | برو | الشامل الشهير |
| EWWW محسن الصورة | 1 م+ | 4.8 1 | نعم | ضغط محلي مجاني غير محدود |
| تخيل | 1 م+ | 4.3 1 | نعم (الحصة) | اضبط وانسى، يا مستخدمي WP Rocket |
| محول للوسائط | 500،000+ | 4.9 1 | نعم | تحويل WebP/AVIF مجاني |
| ShortPixel | 300،000+ | 4.5 1 | نعم (الاعتمادات) | معظم الميزات وأدوات الذكاء الاصطناعي |
| أوبتيمول | 200،000+ | 4.7 1 | نعم (سحابة) | سحابة التكوين الصفري + CDN |
| TinyPNG | 100،000+ | 4.5 1 | نعم (الاعتمادات) | ضغط موثوق عالي الجودة |
| reSmush.it | 100،000+ | 4.3 1 | لا | ضغط أساسي مجاني تمامًا |
1. الإضافات الرئيسية لـ Elementor (الأساس)
اسمحوا لي أن أكون مقدما: الإضافات الرئيسية للعنصر ليس مكونًا إضافيًا لضغط الصور، ولا يزال يحتل المركز الأول. هذا هو المنطق. يقوم المُحسِّن بتقليص صورك، لكن المُنشئ هو الذي يقرر عدد البرامج النصية والأنماط وعقد DOM التي يتم تحميلها حولها. اضغط على بطل بحجم 2 ميجابايت حتى 200 كيلو بايت، ثم قم بتغليفه في أداة إنشاء تقوم بتحميل عشرات أوراق الأنماط، وقد قمت بإعادة السرعة. الإضافات الرئيسية هي الخفيفة.
تم استخدامه على 30.000+ موقع وأعيد بناؤه ليعمل بشكل أسرع بحوالي 3x في الإصدار 3، ويمنحك 80+ عنصر واجهة مستخدم في حزمة واحدة بدلاً من تكديس خمسة مكونات إضافية لإنشاء صفحة واحدة. إنه القطعة الصورة المتقدمة ودوامة الصورة تتعامل مع الوسائط بشكل نظيف، و منشئ الموضوع يحافظ على قوالبك هزيلة.
لماذا يذهب أولاً لموقع Elementor:
- بنية خفيفة يقوم ذلك بتحميل الأصول فقط عند استخدام عنصر واجهة المستخدم
- عناصر واجهة المستخدم المتقدمة للصور والصور الدائرية للوسائط النظيفة والمستجيبة
- منشئ الموضوع للرؤوس والتذييلات والقوالب الهزيلة
- 80+ الحاجيات والإضافات في تثبيت واحد، هناك عدد أقل من المكونات الإضافية التي تكافح من أجل وقت التحميل
- أزواج مع أي محسن أدناه، يظل المنشئ خفيفًا بينما يقوم البرنامج المساعد بضغط الصور
قم بإنشاء الصفحة السريعة أولاً، ثم اترك البرنامج المساعد للضغط يتعامل مع الصور. تصفح كاملا الحاجيات والإضافات قائمة أو التحقق من التسعير، واحصل على النسخة المجانية من صفحة البرنامج المساعد WordPress.org.
2. سحق
Smush، من WPMU DEV، هو مُحسِّن الصور الأكثر شيوعًا على WordPress.org، مع أكثر من مليون عملية تثبيت وتقييم 4.8 من آلاف المراجعات. إذا كنت تريد الإعداد الافتراضي الآمن والمدعوم جيدًا، فابدأ هنا.
أفضل الميزات:
- ضغط بدون فقدان أو فقدان
- تحميل كسول مدمج
- Smush المجمع والدليل لتحسين الصور خارج مكتبة الوسائط
- تغيير الحجم التلقائي للتحميلات كبيرة الحجم
- تحويل WebP/AVIF وCDN مكون من 119 خادمًا في الخطة الاحترافية
الإصدار المجاني قوي للتحميل البطيء والضغط المجمع، على الرغم من أن WebP/AVIF وCDN احترافيان فقط، ويتم تحديد سقف للصور المجانية بـ 5 ميجابايت لكل منهما. احصل عليه من صفحة البرنامج المساعد WordPress.org.
3. محسن الصور EWWW
EWWW هو الاختيار لأي شخص يريد ضغطًا مجانيًا غير محدود بدون حصة لكل صورة. يقوم بمعالجة الصور محليًا على الخادم الخاص بك افتراضيًا، لذلك لا يوجد حد أقصى شهري يدعو للقلق.
أفضل الميزات:
- ضغط محلي مجاني غير محدود بدون فقدان لـ JPG وPNG وGIF وSVG
- تحويل WebP وAVIF في الإصدار المجاني
- الحجم تحسين مكتبتك بأكملها
- تحميل كسول مع القياس التلقائي الآمن لـ CLS
- قم بتغيير الحجم عند التحميل، بالإضافة إلى WP-CLI وEasy IO CDN الاختياري
المقايضة عبارة عن إعداد يطلب منك المزيد قليلاً، وتكلف واجهة برمجة التطبيقات السحابية وEasy IO CDN تكلفة إضافية. ولكن إذا كنت تفضل عدم مشاهدة عداد الائتمان الشهري، فلا شيء آخر هنا يطابقه. قم بتنزيله من صفحة البرنامج المساعد WordPress.org.
4. تخيل
يأتي Imagify من WP Media، الفريق الذي يقف وراء WP Rocket، وهو مبني على بساطة الضبط والنسيان. فهو يختار مستوى ضغط ذكي يوازن بين الجودة والحجم، لذلك نادرًا ما تضطر إلى تعديل أي شيء.
أفضل الميزات:
- ضغط تلقائي ذكي يوازن بين الجودة وحجم الملف
- نقرة واحدة على تحويل WebP وAVIF
- تحسين الكتلة غير المتزامنة
- التحسين التلقائي عند التحميل باستخدام النسخة الاحتياطية للصورة الأصلية
- مقاس محكم مع WP Rocket للحصول على مجموعة كاملة السرعة
تبلغ تكلفة الخطة المجانية حوالي 20 مليون متر مكعب شهريًا، لذا فإن الموقع المزدحم سوف يفوقها، ولكنه خيار نظيف إذا قمت بالفعل بتشغيل WP Rocket. تثبيته من صفحة البرنامج المساعد WordPress.org.
5. محول للوسائط
إذا كان هدفك الرئيسي هو تنسيقات الجيل التالي، فإن Converter for Media هو المتخصص، وبنسبة 4.9 نجوم، فهو البرنامج الإضافي الأعلى تقييمًا في هذه القائمة. يقوم بتحويل صورك إلى WebP وAVIF محليًا، بدون حدود ائتمانية.
أفضل الميزات:
- تحويل مجاني لـ WebP وAVIF (غالبًا ما يكون حجم القطع 50%+)
- نقرة واحدة للتحويل المجمع والتحويل التلقائي عند التحميلات الجديدة
- احتياطي المتصفح الذكي (AVIF إلى WebP إلى الأصلي)
- يحول التحميلات، بالإضافة إلى المكونات الإضافية والموضوع والأدلة المخصصة
- دعم WP-CLI وتكامل BunnyCDN
إنه يركز على تحويل التنسيق بدلاً من الضغط العميق مع فقدان البيانات، ودعم CDN محدود، لذا قم بإقرانه بضاغط إذا كنت بحاجة إلى كليهما. احصل عليه من صفحة البرنامج المساعد WordPress.org.
6. مُحسِّن الصور ShortPixel
يحتوي ShortPixel على أوسع مجموعة ميزات هنا، بما في ذلك الأدوات التي لا تلمسها معظم أدوات التحسين. فهو يوفر ثلاثة أوضاع ضغط ومجموعة من الإضافات بالإضافة إلى تحويل الجيل التالي المعتاد.
أفضل الميزات:
- أوضاع الضغط المفقودة واللمعان وغير المفقودة
- تحويل WebP وAVIF، بالإضافة إلى تحسين PDF
- ترقية الذكاء الاصطناعي وإزالة الخلفية وإنشاء عنوان تحسين محركات البحث
- تحسين حجم الخلفية باستخدام WP-CLI وCDN عالمي
- النسخ الاحتياطي والاستعادة بنقرة واحدة
يتم تشغيله على أرصدة: 100 مجانًا شهريًا، مع أرصدة إضافية من بضعة دولارات شهريًا أو كحزم لمرة واحدة. بالنسبة للمستخدمين المتميزين الذين يريدون كل خيار، فهو الاختيار الأكثر قدرة. قم بتنزيله من صفحة البرنامج المساعد WordPress.org.
7. أوبتيمول
يعد Optimole، من فريق ThemeIsle، خيار السحابة بدون تكوين. فهو يعمل على تحسين الصور بسرعة ويخدمها من شبكة CDN عالمية، مما يجعلها واحدة من أسهل الطرق لتحسين العناصر الحيوية للويب الأساسية دون العبث بالإعدادات.
أفضل الميزات:
- السحابة، ضغط التعلم الآلي أثناء التنقل
- AWS CloudFront CDN مع 450+ موقعًا حافة
- التسليم التلقائي لـ WebP وAVIF
- تحميل كسول خفيف الوزن وخالي من jQuery
- الحجم التكيفي المستجيب لكل جهاز
يعتمد المستوى المجاني على الزيارات الشهرية، لذا فإن المواقع ذات حركة المرور العالية جدًا ستصل إلى الحد الأقصى، ولكن بالنسبة لمعظم المواقع، يعد إعداد عدم التدخل بمثابة سحب كبير. تثبيته من صفحة البرنامج المساعد WordPress.org.
8. تايني بي إن جي
TinyPNG هو البرنامج الإضافي WordPress لخدمة ضغط Tinify المعروفة، كما أن ضغطه الذكي مع فقدان البيانات موثوق به لتقليص الملفات دون فقدان الجودة بشكل واضح.
أفضل الميزات:
- ضغط ذكي مع فقدان البيانات دون انخفاض واضح في الجودة
- تحويل WebP وAVIF (بالإضافة إلى APNG)
- الضغط التلقائي عند التحميل والتحسين المجمع
- تغيير حجم الصور الكبيرة تلقائيًا والتحكم في كل صورة مصغرة
- دعم المواقع المتعددة بمفتاح API واحد
يتم تشغيله على أرصدة، حوالي 500 ضغطة مجانية شهريًا (حوالي 100 صورة)، ثم يتم دفعها لكل صورة. إذا كنت تثق في اسم TinyPNG وتريد جودة موثوقة، فإنه يوفر لك. احصل عليه من صفحة البرنامج المساعد WordPress.org.
9. reSmush.it
reSmush.it هو خيار مجاني تمامًا بدون حساب. فهو يضغط الصور من خلال واجهة برمجة تطبيقات reSmush.it دون أي شيء للتسجيل فيه، مما يجعله نقطة بداية جيدة للمواقع البسيطة ذات الميزانية المحدودة.
أفضل الميزات:
- ضغط مجمع مجاني لـ JPG وPNG وGIF
- التحسين التلقائي عند التحميل
- جودة قابلة للتعديل ومستوى التحسين
- الاستثناءات لكل صورة والنسخ الاحتياطي والاستعادة
- جدولة CRON والحفاظ على EXIF
المصيد: لا يوجد تحويل WebP أو AVIF، ولا CDN، وحد أقصى قدره 5 ميجابايت لكل صورة افتراضيًا. للضغط الأساسي بتكلفة صفر، يقوم بالمهمة. تثبيته من صفحة البرنامج المساعد WordPress.org.
كيفية ضغط الصور في ووردبريس
بمجرد اختيار البرنامج المساعد، يصبح الإعداد سريعًا
- قم بتثبيت وتنشيط البرنامج المساعد لتحسين الصورة الذي اخترته.
- افتح إعداداته واختر وضع الضغط (الفقدان هو الأفضل لمعظم المواقع) وقم بتشغيل WebP أو AVIF إذا تم تقديمه.
- قم بتمكين التحسين التلقائي عند التحميل بحيث يتم ضغط كل صورة جديدة تلقائيًا.
- قم بتشغيل تحسين مجمع لضغط مكتبة الوسائط الموجودة لديك.
- أعد الاختبار في PageSpeed Insights وتأكد من اختفاء صور “serve بتنسيقات الجيل التالي من صور” و“، وقد اختفت تحذيرات ” ذات الحجم المناسب.
قاعدة واحدة صعبة: لا تقم مطلقًا بتشغيل اثنين من أدوات تحسين الصور في وقت واحد. إنهم يتعثرون فوق بعضهم البعض، ويضغطون مرتين، ويمكن أن يتركوك مع ملفات تالفة. اختر واحدًا، ودعه يمتلك المهمة، وقم بإقرانه بمنشئ ضوئي مثل Master Addons ومكون إضافي للتخزين المؤقت للمكدس الكامل.
كيفية اختيار محسن الصورة الصحيح
مطابقة البرنامج المساعد لحالتك:
- تريد الافتراضي الشائع والآمن: سحق.
- تريد ضغطًا مجانيًا غير محدود على الخادم الخاص بك: EWWW محسن الصورة.
- أنت تريد بشكل أساسي WebP وAVIF مجانيين محول للوسائط.
- تريد إعدادًا صفريًا وشبكة CDN مدمجة أوبتيمول.
- تريد كل ميزة، بما في ذلك أدوات الذكاء الاصطناعي ShortPixel.
أيًا كان اختيارك، تذكر أنها طبقة واحدة من السرعة. يقوم منشئ الصفحات الخفيفة بالنصف الآخر. تحافظ Master Addons على ميل موقع Elementor الخاص بك 80+ الحاجيات والإضافات، ويتوافق جيدًا مع النصائح الموجودة لدينا أفضل سمات WordPress خفيفة الوزن لـ Elementor تقرير إخباري. للحصول على مجموعة الأدوات الأوسع، راجع أفضل 100 إضافة Elementor.
الأسئلة المتداولة
ما هو أفضل مكون إضافي لتحسين الصور في WordPress؟
Smush هو الاختيار الأكثر أمانًا من جميع النواحي، مع أكثر من مليون عملية تثبيت وتحميل كسول قوي وضغط مجمع. للحصول على ضغط مجاني غير محدود على الخادم الخاص بك، يعد EWWW Image Optimizer هو أفضل قيمة، ويفوز Converter for Media إذا كان هدفك الرئيسي هو WebP وAVIF مجانًا.
كيف يمكنني ضغط الصور في WordPress دون فقدان الجودة؟
استخدم مكونًا إضافيًا مزودًا بضغط ذكي مع فقدان البيانات مثل TinyPNG أو ShortPixel. يؤدي الضغط مع فقدان البيانات إلى إزالة البيانات التي لا تستطيع العين رؤيتها، وبالتالي تتقلص الملفات بنسبة 50 إلى 80 بالمائة دون أي فرق واضح. تمكين التحسين التلقائي عند التحميل وتشغيل التحسين المجمع على مكتبتك الحالية.
هل يجب علي استخدام WebP أو AVIF؟
عادةً ما تكون ملفات AVIF أصغر من WebP بنفس الجودة، لكن دعم المتصفح أضيق قليلاً. تخدم أفضل المكونات الإضافية AVIF حيث يتم دعمها وتعود إلى WebP، ثم إلى النسخة الأصلية، لذلك يحصل الزوار دائمًا على أخف تنسيق يمكن أن يعرضه متصفحهم.
هل المكونات الإضافية المجانية لتحسين الصور جيدة بما فيه الكفاية؟
للعديد من المواقع، نعم. توفر EWWW ضغطًا محليًا مجانيًا غير محدود، ويقدم Converter for Media WebP وAVIF مجانًا. تحتوي المكونات الإضافية المستندة إلى الائتمان مثل Imagify وShortPixel على مستويات مجانية تناسب المكتبات الصغيرة، مع خطط مدفوعة للمتاجر كبيرة الحجم.
هل يمكنني تشغيل مكونين إضافيين لتحسين الصورة في وقت واحد؟
لا. يؤدي تشغيل اثنين من أدوات التحسين إلى حدوث تعارضات وضغط مزدوج وصور تالفة في بعض الأحيان. اختر مكونًا إضافيًا واحدًا، ودعه يتعامل مع كل شيء، وقم بإلغاء تنشيط أي مكونات أخرى. إذا قمت بتبديل المكونات الإضافية، فاحتفظ بنسخة احتياطية من صورك الأصلية أولاً.
التفاف
يعتمد أفضل مكون إضافي لتحسين الصور في WordPress على كيفية وزنك للتكلفة وWebP/AVIF وجهد الإعداد. Smush هو الخيار الافتراضي الآمن، وEWWW هو أفضل خيار مجاني غير محدود، ومحولات الوسائط على تنسيقات الجيل التالي، وOptimole يجعل تحسين السحابة أمرًا سهلاً. اختر واحدًا، وقم بإقرانه بمنشئ خفيف حتى لا تضيع مكاسب الضغط الخاصة بك على صفحة ثقيلة.
هل أنت مستعد للحفاظ على موقع Elementor الخاص بك سريعًا؟ استكشف بالكامل عناصر واجهة المستخدم والإضافات الرئيسية أو ابدأ بشكل أسرع مع المنتجات الجاهزة مجموعات القالب.
القراءة ذات الصلة: كيفية تسريع مواقع العنصر, أفضل سمات WordPress خفيفة الوزن لـ Elementor، و أفضل ممارسات تحسين محركات البحث لـ Elementor.
