كيفية تحديد أبعاد الصورة في WordPress (عنصر GTmetrix)

بحاجة ل حدد أبعاد الصورة في WordPress?


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

حدد أبعاد الصورة وورد

كل ما عليك فعله هو تحديد موقع الصورة على موقع WordPress الخاص بك ، وعرضها بتنسيق HTML ، ثم إضافة عرض وارتفاع ، مثل هذا:

1. ابحث عن تحديد أخطاء أبعاد الصورة في GTmetrix

يعرض GTmetrix فقط أخطاء الصفحة الواحدة التي تختبرها.

تشغيل أي صفحة من خلال GTmetrix و seewhich الصور التي تحدد أخطاء أبعاد الصورة.

حدد أبعاد الصورة GTmetrix

2 انسخ عرض الصورة وارتفاعها من GTmetrix

بعد ذلك ، انسخ عرض الصورة وارتفاعها (مقدم من GTmetrix).

أبعاد صورة GTmetrix

3. حدد موقع الصورة على موقع الويب الخاص بك

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

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

حدد موقع صورة وورد القطعة

حدد أداة أبعاد الصورة

4. أضف العرض + الارتفاع إلى HTML للصورة

بمجرد تحديد موقع الصورة ، اعرضها بتنسيق HTML وستلاحظ أنه لا يوجد عرض + ارتفاع محدد. كل ما عليك فعله هو إدراجها في HTML مثل هذا: العرض = “135 ″ الارتفاع =” 135 ″

حدد أبعاد الصورة وورد

5. أعد اختبار الصفحة في GTmetrix

احفظ التغييرات وأعد تشغيل الصفحة من خلال GTmetrix. يجب إصلاح الصورة التي تحتوي على أخطاء.

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

6. استخدم البرنامج المساعد لتحديد أبعاد الصورة

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

حدد المكوّن الإضافي لأبعاد الصورة

7. إصلاح تحديد أخطاء أبعاد الصورة على صفحات متعددة

هل تظهر نفس الصورة على صفحات / مشاركات متعددة وتحدد أخطاء أبعاد الصورة?

يمكنك استخدام المكوّن الإضافي Better Search Replace لإصلاح شعارك وصور عناصر واجهة المستخدم والصور الأخرى التي تظهر على صفحات متعددة دون الحاجة إلى تصفحها بشكل فردي. يمكن أن يوفر الوقت.

الخطوة 1: تحميل هذا أفضل بحث استبدال البرنامج المساعد.

الخطوة 2: في حقل “البحث عن” ، أضف HTML للصورة بدون العرض + الارتفاع المحدد. في الحقل “استبدال بـ” ، أضف الإصدار الجديد من الصورة الذي يتضمن العرض + الارتفاع.

الخطوه 3: حدد الجدول (الجداول) التي تريد أن يقوم البرنامج الإضافي بمسح الصور ضوئيًا واستبدالها عليها. يمكنك إجراء تشغيل جاف إذا كنت ترغب في اختباره ، وإلا قم بإلغاء تحديد هذا الخيار وانقر فوق “تشغيل البحث / الاستبدال”.

أفضل بحث استبدال الصور

الخطوة 4: سيقوم البرنامج المساعد بتشغيل البحث / استبدال الصورة على جميع الجداول التي تختارها. بمجرد الانتهاء ، يخبرك Better Search Replace بعدد الجداول التي قام بمسحها وعدد الصور التي تم استبدالها.

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

كتبت تعليمي كامل حول تحسين الصور في WordPress الذي يتضمن:

  • ضغط الصور
  • خدمة الصور من خلال CDN
  • تغيير حجم ملفات GIF
  • إزالة بيانات EXIF
  • كسول تحميل الصور ومقاطع الفيديو
  • Cloudflare Mirage ، حماية البولندية ، Hotlink

تحسينات الصورة في GTmetrix

البحث عن المزيد من دروس سرعة ووردبرس]?
فيما يلي دروس أخرى كتبتها:

  • كيفية إعداد WP Rocket (البرنامج المساعد لذاكرة التخزين المؤقت أوصي)
  • Cloudways vs. SiteGround (أوصي بأكبر مضيفين)
  • كيف حصلت على نتائج GTmetrix 100٪ (دليل سرعة WordPress)

لدي أيضًا فيديو رائع حول تحسين سرعة WordPress:

آمل أن يكون هذا البرنامج التعليمي قد ساعدك وأنك لم تعد تحدد أخطاء أبعاد الصورة بعد الآن!

أسئلة مكررة

&# x2705 ؛ كيف تحدد أبعاد الصورة?

ابحث عن الخطأ في GTmetrix ولاحظ العرض المناسب + ارتفاع الصورة (المقدمة من GTmetrix). بعد ذلك ، حدد موقع الصورة في لوحة تحكم WordPress الخاصة بك واعرض كود HTML الخاص بها. بعد ذلك ، أضف عرضًا + ارتفاعًا إلى HTML للصورة. مثال: العرض = ”680 ″ الارتفاع =” 340 ″

&# x2705 ؛ أين يمكنني العثور على حجم الصورة الصحيح?

يخبرك GTmetrix بالأبعاد الصحيحة للصور التي ليس لها عرض + ارتفاع محدد ضمن تحديد أبعاد الصورة.

&# x2705 ؛ كيف يمكنك تحسين الصور في GTmetrix?

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

&# x2705 ؛ كيف تخدم الصور المصغرة?

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

أرسل لي تعليق إذا كان لا يزال لديك أسئلة.

في صحتك,
توم

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map