ما حجم الصورة الذي يجب استخدامه على WordPress (العوامل الرئيسية والنصائح)

نشرت: 2024-11-17

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

جدول المحتويات
  • 1 فهم أحجام الصور في ووردبريس
    • 1.1 وظيفة SRCSet
  • 2 ما حجم الصورة الذي يجب استخدامه على WordPress
  • 3 عوامل رئيسية يجب مراعاتها بالنسبة لحجم صورة WordPress
    • 3.1 أبعاد الصورة
    • 3.2 حجم الملف
    • 3.3 تنسيق الملف
    • 3.4 نسبة الارتفاع
  • 4 أفضل الممارسات لأحجام الصور في WordPress
    • 4.1 تغيير حجم الصور إلى الأبعاد المناسبة
    • 4.2 استخدم أدوات ضغط الصور
    • 4.3 تغيير الحد الأقصى للتحميل
    • 4.4 استخدم التحميل البطيء
  • 5 كيفية إنشاء أحجام صور مثالية باستخدام Divi
    • 5.1 1. تنزيل وتثبيت Divi
    • 5.2 2. أنشئ موقع الويب الخاص بك، وافتح Divi Builder وحدد صورتك
    • 5.3 3. قم بتغيير حجم الصور المضافة على WordPress باستخدام إعدادات Divi المستجيبة
  • 6 أدوات أخرى لتحسين الصورة
  • 7 الاستنتاج

فهم أحجام الصور في ووردبريس

يتم تحديد أحجام الصور في WordPress حسب الأبعاد (بالبكسل) وحجم ملف الصورة بالكيلوبايت (KB) أو الميجابايت (MB). عند عرض صورة على موقع WordPress الخاص بك، من المهم معرفة أن حجم الصورة لا يتعلق فقط بالجماليات - فهو يؤثر بشكل مباشر على أداء الموقع وتجربة المستخدم وتحسين محرك البحث (SEO). سيساعد WordPress في حماية المستخدمين من استخدام الصور الكبيرة جدًا عن طريق إنشاء نسخة متدرجة تلقائيًا عند التحميل. بالإضافة إلى ذلك، سيكون لكل صورة تقوم بتحميلها أشكال أو أحجام مختلفة يتم عرضها حسب مكان استخدامها على موقعك. المزيد عن ذلك أدناه.

وظيفة SRCSet

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

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

فيما يلي الأحجام الافتراضية التي ستحصل عليها لكل صورة تقوم بتحميلها في WordPress:

  • الصورة المصغرة: 150 × 150 بكسل
  • متوسط: 300 × 300 بكسل (يمكن أن يختلف بناءً على إعداداتك)
  • كبير: 1024 × 1024 بكسل (يمكن أن يختلف بناءً على إعداداتك)
  • الحجم الكامل: الأبعاد الأصلية

إذا كنت تريد تغيير أحجام الصور الافتراضية، يمكنك العثور عليها في الإعدادات → الوسائط في لوحة تحكم WordPress:

حجم الصورة الافتراضي في ووردبريس

ما حجم الصورة الذي يجب استخدامه في WordPress؟

في معظم الحالات، يجب ألا يتجاوز حجم ملف الصورة 200 كيلو بايت. يجب أن يكون حجم معظم الصور أقرب إلى 50 كيلو بايت - 100 كيلو بايت أو أقل. للحفاظ على ملفات الصور الخاصة بك في هذا النطاق، سوف تحتاج إلى النظر في عوامل أخرى مثل الأبعاد.

فيما يلي بعض أبعاد الصورة الشائعة الموصى بها لـ WordPress:

  • صور منشور المدونة: 1200 × 630 بكسل
  • الصور المميزة (نشر الصور المصغرة): 1200 × 800 بكسل
  • الصور الرئيسية / الصور الرئيسية: 1600 × 900 بكسل أو 1920 × 1080 بكسل
  • صور الخلفية: 1920 × 1080 بكسل
  • أشرطة التمرير واللافتات: 1200 × 600 بكسل أو 1920 × 800 بكسل
  • صور المنتج (WooCommerce): 800 × 800 بكسل أو 1000 × 1000 بكسل
  • صورة الشعار: 200 × 100 بكسل أو 250 × 100 بكسل

ما لم يكن لديك سبب محدد للقيام بذلك، لا ينبغي عليك تحميل صور بحجم 5 ميجابايت وعرضها 5000 بكسل. سيساعدك WordPress من خلال إنشاء المزيد من الإصدارات الملائمة لموقع الويب التي يمكنك استخدامها. ولكن إذا قمت بعرض هذا الحجم الأصلي، فسوف تتأثر سرعة تحميل الصفحة لديك.

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

العوامل الرئيسية التي يجب مراعاتها بالنسبة لحجم صورة WordPress

عند اختيار أو إنشاء صور لـ WordPress، يجب مراعاة العديد من العوامل الرئيسية لضمان تحسينها للأداء والتصميم. تتضمن هذه العوامل حجم الصورة ونوع الملف والأبعاد والمزيد. فيما يلي تفصيل تفصيلي:

أبعاد الصورة

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

غالبًا ما يحدد قالب WordPress الخاص بك أبعاد الصورة المثالية للأقسام المختلفة، مثل الرؤوس أو منشورات المدونة أو المعارض. تحقق من وثائق القالب الخاص بك لمعرفة الأبعاد الموصى بها.

حجم الملف

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

من الناحية المثالية، احتفظ بأحجام ملفات الصور أقل من 500 كيلو بايت. ومع ذلك، إذا تم عرض الصورة بشكل بارز، فقد تسمح بحجم يصل إلى 1 ميجابايت للحصول على جودة أفضل. استخدم أدوات ضغط الصور لتقليل أحجام الملفات مع الحفاظ على الجودة المرئية. بالنسبة للضغط اليدوي، تعمل أدوات مثل TinyPNG أو JPEG-Optimizer بشكل جيد. بعد الضغط، اختبر وقت تحميل صفحتك باستخدام أدوات مثل Google PageSpeed ​​Insights أو GTmetrix. إذا كانت أوقات التحميل بطيئة، فقم بتقليل أحجام الصور بشكل أكبر.

تنسيق الملف

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

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

نسبة الارتفاع

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

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

أفضل الممارسات لأحجام الصور في WordPress

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

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

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

تغيير حجم الصور على ووردبريس

إذا قمت بالفعل بتحميل صورة كبيرة الحجم، فيمكنك تغيير حجمها مباشرةً في WordPress. انتقل إلى الوسائط > المكتبة في لوحة تحكم WordPress الخاصة بك.

مكتبة الوسائط تقسيم

إما أن تنقر على صورة موجودة أو تقوم بتحميل ملف صورة جديد. في حالتنا، اخترنا تحميل ملف صورة جديد.

ووردبريس تحميل صورة جديدة

بعد الضغط على الصورة المضافة ستظهر لك كافة تفاصيلها. انقر فوق "تحرير المزيد من التفاصيل" في الزاوية اليمنى السفلية للوصول إلى الإعدادات المضافة.

وورد تحرير مزيد من التفاصيل

في تفاصيل الصورة، انقر فوق الزر "تحرير الصورة".

ووردبريس تعديل الصورة

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

صورة مقياس ووردبريس

ملاحظة: لا يمكنك تغيير حجم صورك إلى حجم أكبر من الإصدار الأصلي. سيتيح لك WordPress معرفة ما إذا قمت بذلك.

تحذير بشأن صورة ووردبريس

استخدم أدوات ضغط الصور

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

وبدلاً من ذلك، يمكنك استخدام أدوات عبر الإنترنت مثل TinyPNG لتحقيق ذلك.

ضغط الصور tinypng

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

وبدلاً من ذلك، يمكنك استخدام مكون إضافي قوي لتحسين الصور مثل Imagify. قم بإضافة مكون إضافي جديد من قسم "المكونات الإضافية" بلوحة تحكم WordPress الخاصة بك قبل تثبيته وتنشيطه.

تخيل البرنامج المساعد وورد

بعد تثبيت Imagify وتنشيطه على موقع WordPress الخاص بك، انتقل إلى الإعدادات > Imagify لتكوين تفضيلات الضغط الخاصة بك:

تصور الإعدادات

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

تغيير الحد الأقصى للتحميل

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

حد تحميل ووردبريس

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

استخدم التحميل البطيء

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

توفر معظم سمات ومكونات WordPress اليوم دعمًا مدمجًا للتحميل البطيء. يتضمن WordPress نفسه ميزة التحميل البطيء الأصلية اعتبارًا من الإصدار 5.5. بالإضافة إلى ذلك، توفر المكونات الإضافية المختلفة مثل WP Rocket وLazy Load by WP Rocket وa3 Lazy Load تحكمًا وتخصيصًا أكثر تقدمًا في عملية التحميل البطيئة، مما يجعل من السهل تنفيذها على أي موقع WordPress دون الكثير من الخبرة الفنية.

تعتبر كل هذه الممارسات أساسية للحفاظ على أحجام الصور الاحترافية على WordPress. ومع ذلك، فإن Divi، قالب ومصمم WordPress الغزير الإنتاج لدينا، يرفع مستوى هذه العناصر بشكل أكبر من خلال سماتها سريعة الاستجابة.

كيفية إنشاء أحجام صور مثالية باستخدام Divi

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

1. قم بتنزيل وتثبيت Divi

الصفحة الرئيسية ديفي

يمكن شراء Divi من خلال Elegant Themes، الذي يقدم خيارين للتسعير: ترخيص سنوي بقيمة 89 دولارًا أو ترخيصًا مدى الحياة مقابل 249 دولارًا . بعد الشراء، يمكنك بسهولة تنزيل وتثبيت القالب على موقع WordPress الخاص بك باتباع الخطوات التالية:

  1. في لوحة تحكم WordPress الخاصة بك، انتقل إلى المظهر > السمات .
  2. انقر فوق "إضافة جديد"، ثم حدد "تحميل المظهر".
  3. اختر ملف Divi .zip الذي تم تنزيله وانقر فوق "التثبيت الآن".
  4. بمجرد اكتمال التثبيت، انقر فوق "تنشيط" لجعل Divi سمتك النشطة.

للحصول على دليل مفصل، شاهد الفيديو أدناه.

بعد الانتهاء من الإعداد، يمكنك البدء في إنشاء موقعك. لتعتاد على العملية مسبقًا، قم بإلقاء نظرة على البرنامج التعليمي الخاص بنا حول استخدام Divi Builder.

ابدأ مع ديفي

2. أنشئ موقع الويب الخاص بك، وافتح Divi Builder وحدد صورتك

بعد تثبيت سمة Divi على WordPress، يمكنك إنشاء موقع الويب الخاص بك بسرعة. يوفر لك Divi خيارات متعددة لإنشاء موقع الويب الخاص بك. يمكنك إنشاء موقع الويب الخاص بك من الصفر، أو الاستفادة من تخطيطاتنا المعدة مسبقًا، أو استخدام Divi AI لإنشاء موقع الويب الخاص بك.

خيارات بناء موقع ويب Divi

بالإضافة إلى ذلك، يمكنك استخدام Divi Quick Sites لإنشاء موقع ويب احترافي في دقيقة أو دقيقتين.

تقسيم خيار الموقع السريع

بعد إنشاء موقع الويب الخاص بك وإضافة الصور الخاصة بك، يمكنك الوصول إلى Divi Builder وتكوين أحجام صور WordPress الخاصة بك. أولاً، انتقل إلى موقع Divi الإلكتروني الخاص بك وانقر على "تمكين Visual Builder".

divi تمكين منشئ مرئي

انقر على أي صورة مضافة لأغراض تغيير الحجم. افتح وحدة صورة Divi من خلال النقر على أيقونة العجلة.

قسمة رمز عجلة الصورة المستجيبة

3. قم بتغيير حجم الصور المضافة على WordPress باستخدام إعدادات Divi المستجيبة

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

تقسيم حجم التصميم

هنا، يمكنك ضبط أبعاد متعددة لصورتك المحددة، مثل:

  1. عرض
  2. أقصى عرض
  3. محاذاة الوحدة النمطية
  4. الحد الأدنى للارتفاع
  5. ارتفاع
  6. أقصى ارتفاع

أبعاد حجم الصورة div

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

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

قسمة رمز الاستجابة

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

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

وظيفة SRCSet

com.srcset

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

احصل على ديفي

أدوات أخرى لتحسين الصورة

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

  1. EWWW Image Optimizer: مكون إضافي قوي لـ WordPress يقوم تلقائيًا بضغط الصور الجديدة عند التحميل ويقدم محسنًا مجمعًا للوسائط الموجودة. فهو يسمح بتغيير حجم الصورة وإزالة البيانات الوصفية ويدعم التحميل البطيء والتحويل إلى تنسيق WebP لضغط أفضل. يعمل الإصدار المجاني مباشرة على الخادم الخاص بك دون حدود لحجم الملف، بينما يعمل الإصدار المميز على تعزيز الخدمات السحابية لتحسين التحسين ونسب ضغط أعلى.
  2. ShortPixel Image Optimizer: يعمل هذا البرنامج الإضافي على تحسين الصور وملفات PDF مع تغيير حجم الصور تلقائيًا. فهو يوفر خيارات ضغط مرنة - مع فقدان البيانات، وعدم فقدانها، ولامعة - مما يوفر خيارًا متوازنًا للمستخدمين. يقوم البرنامج الإضافي بعمل نسخة احتياطية من الصور الأصلية، ويزيل البيانات الوصفية، ويحول ملفات PNG إلى ملفات JPEG، مما يؤدي إلى تحسين صور Retina والصور المصغرة. ومع ذلك، يجب عليك مشاركة بريدك الإلكتروني للحصول على مفتاح API.
  3. Optimole: مكون إضافي مجاني وشامل لتحسين الصور يقوم بمعالجة الصور في الوقت الفعلي من خلال خادم قائم على السحابة. إنه يميز نفسه عن طريق تحديد الحجم الأمثل للصورة بناءً على إطار عرض الزائر وتنفيذ التحميل البطيء للعرض الفعال. توفر الترقية إلى خطة متميزة تحويلات غير محدودة للصور وميزات متقدمة، بما في ذلك الضغط عالي الجودة الذي يحافظ على الوضوح الأصلي مع تقليل حجم الملف والإنشاء التلقائي لإصدارات Retina وWebP.
  4. WP Smush: هذا البرنامج المساعد هو جزء من مجموعة البرنامج الإضافي WPMU DEV. يقوم تلقائيًا بتحسين الصور بعد تحميلها على موقع WordPress الخاص بك. يتميز WP Smush بخيار التحسين المجمع الذي يسمح لك بضغط ما يصل إلى 50 صورة مرة واحدة، مما يجعل من السهل تحسين الوسائط الموجودة لديك. يتضمن البرنامج الإضافي أيضًا خيارات لتغيير حجم الصورة والتحميل البطيء، ويمكنك تهيئته لإزالة البيانات الوصفية من الصور عند التحميل. وهو يدعم الصور التي يصل حجمها إلى 5 ميغابايت، ولكنك ستحتاج إلى الترقية إلى الإصدار المتميز لتحسين الملفات الأكبر حجمًا.

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

خاتمة

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

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

احصل على ديفي

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

أدوات سعر البداية خيار مجاني
1 ديفي 89 دولارًا سنويًا يزور
2 تايني PNG 39 دولارًا سنويًا لكل مستخدم يزور
3 تخيل 4.99 دولارًا شهريًا يزور
4 صاروخ الفسفور الأبيض 59 دولارًا سنويًا يزور
5 EWWW محسن الصور 5.83 دولارًا شهريًا يزور
6 البكسل القصير 8.32 دولارًا شهريًا يزور
7 أوبتيمول 22.52 دولارًا شهريًا يزور
8 الفسفور الأبيض سماش 3 دولارات شهريا يزور