كيفية تحسين الصور في WordPress للحصول على موقع أسرع

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

من الأهمية بمكان أن يتم تحسين صور موقع WordPress الخاص بك. هناك العديد من تنسيقات الملفات للصور ، وكلها لها مجموعة خصائصها الخاصة. على الرغم من أن بعض المكونات الإضافية يمكنها تسريع العملية ، فمن الأفضل دائمًا القيام بالأشياء يدويًا إن أمكن. في هذه المقالة ، سأوضح لك كيفية تحسين الصور لـ WordPress بدون مكون إضافي. أنشأت Google تنسيق ملف صورة WebP في عام 2010. وقد أضافت Apple مؤخرًا دعم WebP إلى متصفح Safari الخاص بها. نتيجة لذلك ، قد تكون صورة webP أكبر من PNG أو JPEG.

عند استخدام Photoshop ، ستلاحظ أنه لا يدعم WebP لأن كود XML الذي يحدد موقع WordPress الخاص بك مدمج في الكود المصدري. نظرًا لأن SVGs عبارة عن ملفات متجهة ، فإنها لا تصبح ضبابية أو منقطة عند تكبيرها في المستعرض. GIF هي صورة متحركة ليس لها فائدة كبيرة ، لذلك لن يتم الحديث عنها كثيرًا. سيمنحك استخدام JPEG أو PNG بدلاً من Adobe Acrobat أفضل النتائج عندما لا يكون ذلك ممكنًا. عندما يتعلق الأمر بتحديد حجم الصورة وارتفاعها في منشور مدونة ، فلا يوجد حل واحد. يتم تحديد الأبعاد حسب الموضوع والتصميم. افحص عرض الحاوية باستخدام أداة Inspect الخاصة بالمستعرض.

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

يمكن تحقيق ذلك باستخدام أداة رسوم مثل Photoshop أو GIMP أثناء تصدير / حفظ الصور. قد يكون من الصعب فهم عملية تحسين الصور لـ WordPress في البداية. ومع ذلك ، يجب ألا تتجاهل حقيقة أن مُحسّنات محرّكات البحث أمر بالغ الأهمية لأداء موقع الويب الخاص بك ، حيث إنه ضروري أيضًا لمعدلات التحويل وتحسين محركات البحث وتجارب المستخدم. إذا كنت بحاجة إلى أي مساعدة ، فلا تتردد في طرح الأسئلة في التعليقات.

كيف يمكنني تحسين جودة الصورة في WordPress؟

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

لماذا تبدو صور موقع WordPress الخاص بك ضبابية (وكيفية إصلاحها)

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

تحسين صور ووردبريس

أحد أهم الأشياء التي يمكنك القيام بها لتسريع موقع WordPress الخاص بك هو تحسين صورك. عندما تقوم بتحميل صورة إلى موقعك ، سيقوم WordPress تلقائيًا بإنشاء إصدارات متعددة من تلك الصورة بأحجام مختلفة. ومع ذلك ، فإنه لا يقوم تلقائيًا بتحسين تلك الصور للسرعة. هناك بعض الأشياء التي يمكنك القيام بها لتحسين سرعة صورك. أولاً ، يمكنك استخدام مكون إضافي لتحسين الصور مثل WP Smush لتحسين صورك تلقائيًا أثناء تحميلها. ثانيًا ، يمكنك استخدام CDN مثل CloudFlare لخدمة صورك من مواقع متعددة حول العالم. أخيرًا ، يمكنك تحسين صورك يدويًا قبل تحميلها باستخدام محرر صور مثل Photoshop.

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

تحسين الصورة دون فقدان الجودة

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

عند تحسين الصور ، من الضروري تحديد نوع الملف الصحيح. يحتوي Adobe Photoshop و On1 Photo و GIMP و Affinity Photo وأدوات تحرير الصور الأخرى على إمكانيات ضغط مضمنة. نظرًا لأن العملية يدوية بعض الشيء ، يجب عليك حفظ الصور كالمعتاد ، وتحميلها على أداة الويب ، ثم تنزيلها مرة أخرى. باستخدام مكونات WordPress الإضافية مثل Optimole أو EWWW Image Optimizer أو WP Smush أو أي من الإضافات الأخرى ، يمكنك ضغط حجم الصورة . قبل تحميل صورك على موقع الويب الخاص بك ، يجب عليك استخدام هذه الأدوات لتحسينها. يعد Photoshop برنامجًا متميزًا لتحرير الصور يتضمن عددًا من الميزات المضمنة لحفظ الصور المحسّنة لاستخدامها على الويب. تخيل تطبيق ويب مجاني آخر يسمح لك بضغط حجم صورك.

يمكن لمطوري التطبيق استخدام واجهة برمجة التطبيقات (API) لتحويل الصور وضغطها. تبدأ الاشتراكات في النسخة المدفوعة بـ 4.99 دولارًا شهريًا وتسمح لك بتحميل عدد كبير من الصور إلى التطبيق. إذا لم يتم تحسين صور موقع الويب الخاص بك ، فيجب أن تبدأ في القيام بذلك الآن. سيتم ضغط جميع الصور المعروضة حاليًا على موقع الويب الخاص بك عند تنشيط المكون الإضافي ، وسيتم أيضًا ضغط جميع الصور الجديدة عند تنشيط المكون الإضافي. يعد JPEG Compress مكونًا إضافيًا مجانيًا لبرنامج WordPress تم إنشاؤه بواسطة TinyPNG ، وهي أداة مجانية لضغط الصور عبر الإنترنت. يمكن إجراء تحسين الصورة باستخدام EWWW Image Optimizer باستخدام تقنية غير ضائعة.