تلعب الصور دورًا مهمًا في تزيين موقع الويب أو الصفحة أو المقالة. لكن لها أيضًا تأثيرًا رهيبًا على أداء موقع الويب الخاص بك إذا كنت لا تعرف كيفية إدارتها بشكل صحيح. في هذه المقالة، سوف نتعلم كيفية تغيير حجم الصور الكبيرة تلقائيًا في ووردبريس.
الحل الرائع هو استخدام الصور بالحجم المناسب لموقعك على الويب وتغيير حجم الصور الموجودة بالفعل على موقع الويب الخاص بك. المشكلة هي أن WordPress لا يحتوي على ميزة مدمجة لتغيير حجم الصورة، ولكن لحسن الحظ هناك العديد من المكونات الإضافية التلقائية لتغيير حجم الصورة للاختيار من بينها. سأشرح اليوم كيفية تغيير حجم الصور الكبيرة في WordPress بسرعة وكفاءة باستخدام المكون الإضافي Imsanity.
ننصحك بعمل نسخة احتياطية قبل تغيير حجم الصور لأن تغيير الحجم لا يمكن الرجوع عنه!
لماذا من المهم تغيير حجم الصور في ووردبريس؟
تعد الصور مهمة للغاية للمحتوى عبر الإنترنت وتكون في بعض الأحيان المصدر الرئيسي للمحتوى. ليس من السهل الحصول على الصور بالحجم المناسب، وغالبًا ما تحتاج إلى مصممي جرافيك للحصول على الصور بالحجم المناسب. هذا لا يحل مشكلة الصور التي تم تحميلها بالفعل على موقع الويب الخاص بك.
من ناحية أخرى، تعد الصور من الأشياء التي لها التأثير الأكبر على سرعة تحميل موقع الويب. توصي Google باستخدام الصور ذات الحجم المناسب في Lighthouse وPSI، ولكن لتحقيق ذلك تحتاج أولاً إلى معرفة الحجم الصحيح لصور مقالتك.
قد تقترح إعادة تحميلها، ولكن بالنسبة للمواقع التي تحتوي على آلاف الصور، فهذا ليس اقتراحًا واقعيًا. وبدلاً من ذلك، يجب تغيير حجم مواقع الويب تلقائيًا. وبطبيعة الحال، يجب عليهم أيضًا توخي الحذر بشأن الصور التي يريدون تغيير حجمها. إنها ليست مسألة سهلة وستستغرق ساعات من التخطيط قبل اتخاذ القرار.
تعرف على أحجام الصور المناسبة لمدونتك
أولاً وقبل كل شيء، عليك معرفة أبعاد الصورة الصحيحة لمدونتك.
للقيام بذلك، انتقل إلى صفحة المقالة في مدونتك وقم بإنشاء فحص العنصر، أو افحص العنصر بالضغط على “F12” على لوحة المفاتيح. ثم حدد العنصر لمربع العنصر وستظهر أبعاده عبر مستطيل منبثق أعلى العنصر.
تشير الأبعاد الموجودة في المستطيل إلى عرض العنصر وارتفاعه. نحن نريد عرض المقال هذا هو مظهر مربع المقالة على موقعك. الرقم الموجود على اليسار هو العرض دائمًا. يجب ألا تتجاوز صور مقالاتك هذا العرض، وإلا فسيضطر المتصفح إلى تقليصها، مما يؤدي إلى إبطاء وقت التحميل وتقليل الجودة + قد تحدث مشكلات في تنسيق CLS.
كيفية تغيير حجم الصور الكبيرة تلقائيًا في ووردبريس
سوف نستخدم البرنامج المساعد Imsanity لتغيير حجم الصور بكميات كبيرة. لنقم بتثبيت البرنامج المساعد أولاً.
والخطوة التالية هي الذهاب إلى الإعدادات> الخلود وضبط الاعدادات . الآن قم بتعيين العرض والارتفاع الصحيحين وفقًا لموضوع WordPress الخاص بك.
كما ترون، قمت بتعيين الحد الأقصى لعرض الصور التي تم تحميلها في المنشورات/الصفحات إلى 720 (عرض مربع مدونتي) والحد الأقصى للارتفاع على “0” لمنع المكون الإضافي من تحديد الارتفاع. الحد الأقصى لأبعاد الصور التي تم تحميلها إلى المكتبة والقالب هو 1024.
- تأكد من أن جودة الصورة لا تقل عن 85. وإلا، فقد تفقد جودة الصورة وقد تبدو صورتك ضبابية.
- حدد نعم لتحويل BMP إلى JPG. يقوم هذا الخيار تلقائيًا بتحويل كافة الصور النقطية إلى jpeg.
- لا تحتاج إلى تعيين خيار تحويل PNG إلى JPG على نعم. لأنه قد يكون اختيارًا سيئًا لصورة شفافة.
- يقوم خيار “حذف النسخ الأصلية” بحذف الصور الأصلية بعد تغيير حجمها.
بمجرد تعيين كافة الخيارات، انقر فوق الزر حفظ التغييرات لحفظ كافة الإعدادات الخاصة بك.
انتقل الآن إلى أسفل نفس الصفحة وانقر على الزر ابدأ بتغيير حجم جميع الصور. سيبدأ الامتداد تلقائيًا في تقليل أبعاد الصور إلى الحجم الذي حددناه أعلاه. سوف تحصل على نتائج مشابهة للصورة أدناه.
نعتقد أن هذه المقالة ستساعدك على تغيير حجم الصور تلقائيًا في WordPress. إذا أعجبك هذا المقال، تابعنا لمزيد من الدروس المفيدة. يمكنكم متابعتنا على الفيسبوك و سقسقة.
