كيفية تغيير حجم الصور الكبيرة في ووردبريس تلقائياً

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

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

نوصي بأخذ نسخة احتياطية قبل القيام بتغيير حجم الصور، لأن عملية تغيير الأبعاد غير قابلة للرجوع!

لماذا من المهم تغيير أبعاد الصور في ووردبريس؟

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

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

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

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

أولاً وقبل كل شيء، يجب عليك معرفة أبعاد الصور المناسبة لمدونتك.

للقيام بذلك توجه لصفحة مقال في مدونتك وأعمل Inspect Element أو فحص العنصر بالضغط على “F12” من الكيبورد. ثم حدد العنصر الخاص بصندوق المقال وستضهر لديك أبعاده من خلال مستطيل منبثق أعلى العنصر.

Pin

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

كيفية تغيير حجم الصور الكبيرة في ووردبريس تلقائياً

سنستخدم اضافة Imsanity لتغيير حجم الصور بشكل مجمّع. دعنا نثبت المكون الإضافي أولاً.

Pin

الخطوة التالية هي الذهاب إلى الإعدادات > Imsanity وتعديل الإعدادات. الآن قم بتعيين العرض والارتفاع المناسبين وفقًا لقالب ووردبريس الخاص بك.

Pin

كما ترى، قمت بضبط الحد الأقصى للعرض للصور التي يتم تحميلها في المقالات/الصفحات على 720 (عرض صندوق مدونتي) والحد الأقصى للارتفاع على “0” لمنع الإضافة من تحديد الإرتفاع. وجعلت الحد الأقصى لأبعاد الصور التي يتم تحميلها في المكتبة والقالب على 1024.

• لا تجعل جودة الصورة أقل من 85. وإلا فقد تفقد جودة الصورة وقد تبدو صورتك ضبابية.
• حدد نعم لتحويل BMP إلى JPG ، سيقوم هذا الخيار بتحويل جميع الصور النقطية إلى jpeg تلقائيًا.
• لست بحاجة إلى ضبط خيار تحويل PNG إلى JPG على نعم. لأنه قد يكون خيارًا سيئًا لصورة شفافة.
• سيقوم خيار “Delete Originals” بحذف الصور الأصلية بعد تغيير الحجم.

بمجرد تعيين جميع الخيارات، انقر فوق الزر حفظ التغييرات لحفظ جميع إعداداتك.

الآن قم بالتمرير لأسفل نفس الصفحة وانقر على زر Start Resizing All Images. ستبدأ الإضافة في تصغير أبعاد الصور تلقائياً إلى الحجم الذي قمنا بضبطه في الأعلى. ستحصل على نتائج مشابهة للصورة أدناه.

Pin

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